*{margin:0}.app{width:100%;height:100vh;display:flex}.card-title h3{font-size:1.2rem;font-weight:500;line-height:1.2;margin-bottom:.75rem}.logo-turbo{text-align:center;margin:auto auto 30px;padding:20px;width:170px;height:150px;border-radius:50%;background-color:#fff}.content{width:80%;overflow-y:scroll;padding:20px}.content>h1{margin-bottom:20px;position:relative}.content>h1:before{content:"";width:100%;height:2px;background:#303030;position:absolute;bottom:0;left:0;transform:translateY(10px)}.logout{position:absolute;bottom:15px;right:30px;border-radius:10px;padding:5px}.logout a{color:#fff}.logout:hover{transform:scale(1.1)}.logout a:hover{text-decoration:none;color:#fff}@media screen and (max-width:500px){.app{display:block}.sidenav{width:100%;height:28%;padding-top:5px}.sidenav>ul{display:flex;justify-content:flex-start;align-items:center;overflow-x:scroll}.sidenav>ul>li{margin-right:20px;width:300px!important;font-size:12px;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.content{width:100%;height:auto}}.card_box{width:90%;margin-bottom:50px}@media screen and (max-width:500px){.card_box{width:90%}}.info{margin-top:50px}.data_user{width:100%;display:flex;justify-content:space-around;align-items:center}.data_user_box{box-shadow:0 5px 10px rgba(0,0,0,.2);border-radius:10px;padding:10px}.data_user_box>h3{font-weight:700}.login{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.login>img{width:20%;margin-bottom:20px}.card_login{padding:25px;box-shadow:0 5px 10px rgba(0,0,0,.5);border-radius:15px}@media screen and (max-width:500px){.login>img{width:65%}}.sidenav{width:280px;height:100vh;background-color:#fff;box-shadow:2px 0 10px rgba(0,0,0,.1);position:fixed;left:0;top:0;overflow-y:auto}.logo-container{padding:1.5rem;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #f0f0f0}.logo{width:120px;height:auto}.nav-menu{padding:1rem 0}.nav-section{margin-bottom:1.5rem}.nav-section-title{font-size:.75rem;text-transform:uppercase;color:#666;padding:0 1.5rem;margin-bottom:.5rem;letter-spacing:.5px}.nav-section ul{list-style:none;padding:0;margin:0}.nav-item{padding:.75rem 1.5rem;display:flex;align-items:center;color:#333;cursor:pointer;transition:all .2s ease;font-size:.9rem}.nav-item:hover{background-color:#f8f9fa;color:#007bff}.nav-icon{margin-right:.75rem;font-size:1.1rem;width:24px;text-align:center}.sidenav::-webkit-scrollbar{width:6px}.sidenav::-webkit-scrollbar-track{background:#f1f1f1}.sidenav::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.sidenav::-webkit-scrollbar-thumb:hover{background:#999}.content{width:calc(100% - 280px);height:100vh;overflow-y:auto;padding:2rem;background-color:#1a1a1a;margin-left:280px;box-sizing:border-box;color:#e0e0e0}.content .title{font-size:2rem;font-weight:600;color:#fff;margin-bottom:2rem;position:relative}.content .title:after{content:"";position:absolute;bottom:-.5rem;left:0;width:60px;height:3px;background:#00b4d8;border-radius:2px}.content .card{background:#2d2d2d;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.2);margin-bottom:2rem;border:1px solid #3d3d3d;transition:transform .2s ease,box-shadow .2s ease}.content .card:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(0,0,0,.3);border-color:#00b4d8}.content .card-body{padding:1.5rem}.content .card-title h3{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:1rem}.content .table{margin:0;color:#e0e0e0}.content .table thead th{background-color:#2d2d2d;border-bottom:2px solid #3d3d3d;color:#00b4d8;font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.content .table tbody td{vertical-align:middle;color:#e0e0e0;border-color:#3d3d3d}.content .table-striped tbody tr:nth-of-type(odd){background-color:#252525}.content hr{margin:2rem 0;border:none;border-top:1px solid #3d3d3d}.content .loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:#00b4d8}.content .welcome-message{text-align:center;padding:3rem;background:#2d2d2d;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.2);border:1px solid #3d3d3d}.content .welcome-message h1{font-size:2.5rem;color:#fff;margin-bottom:1rem}.content .welcome-message p{font-size:1.1rem;color:#b0b0b0;line-height:1.6}.content .chart-container{padding:1rem;background:#2d2d2d;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.2);border:1px solid #3d3d3d}.content::-webkit-scrollbar{width:8px}.content::-webkit-scrollbar-track{background:#1a1a1a}.content::-webkit-scrollbar-thumb{background:#3d3d3d;border-radius:4px}.content::-webkit-scrollbar-thumb:hover{background:#00b4d8}.content .btn{background-color:#2d2d2d;border:1px solid #3d3d3d;color:#e0e0e0;transition:all .2s ease}.content .btn:hover{background-color:#00b4d8;border-color:#00b4d8;color:#fff}.content input,.content select{background-color:#2d2d2d;border:1px solid #3d3d3d;color:#e0e0e0;padding:.5rem 1rem;border-radius:6px}.content input:focus,.content select:focus{border-color:#00b4d8;outline:none;box-shadow:0 0 0 2px rgba(0,180,216,.2)}@media screen and (max-width:768px){.content{width:100%;margin-left:0;padding:1rem}.content .title{font-size:1.5rem}.content .card{margin-bottom:1rem}}.content .total{font-size:1.2rem;color:#00b4d8;font-weight:600}.content a{color:#00b4d8;text-decoration:none;transition:color .2s ease}.content a:hover{color:#fff}
/*# sourceMappingURL=main.f24fcd03.chunk.css.map */