body{font-family:"Roboto",sans-serif;background-color:#f8f9fa;overflow-x:hidden;font-weight:500;font-size:14px;letter-spacing:-.25px;transition:all all .3s ease;}body.dark-mode{background-color:#1e1e2d;color:#e1e1e1;}h2{font-size:24px;font-weight:600;text-transform:uppercase;}.form-label{color:#333;}#sidebar{width:250px;height:100vh;position:fixed;top:0;left:0;background:linear-gradient(180deg,#4361ee,#3f37c9);box-shadow:0 0 15px rgba(0,0,0,.1);z-index:1000;overflow-y:auto;transition:all all .3s ease;}#sidebar .sidebar-header{padding:20px;background:rgba(0,0,0,.2);text-align:center;}#sidebar .sidebar-header h3{color:#fff;margin:0;font-weight:600;transition:all all .3s ease;}#sidebar .sidebar-menu{padding:20px 0;}#sidebar .sidebar-menu .nav-item{border-bottom:1px solid rgba(0,0,0,.1);}#sidebar .sidebar-menu .nav-link{color:rgba(255,255,255,.8);padding:12px 20px;margin:5px;border-radius:5px;display:flex;align-items:center;transition:all all .3s ease;}#sidebar .sidebar-menu .nav-link:hover,#sidebar .sidebar-menu .nav-link.active{background:rgba(255,255,255,.1);color:#fff;}#sidebar .sidebar-menu .nav-link i{margin-right:10px;font-size:1.1rem;transition:all all .3s ease;}#sidebar .sidebar-menu .nav-link .menu-text{transition:opacity all .3s ease;}#sidebar .sidebar-menu .nav-link .bi-chevron-down{margin-left:auto;transition:transform all .3s ease;}#sidebar .sidebar-menu .submenu{padding-left:20px;max-height:0;overflow:hidden;transition:max-height,padding all .3s ease;}#sidebar .sidebar-menu .submenu.show{max-height:500px;padding:10px 0 10px 20px;}#sidebar .sidebar-menu .submenu .nav-link{padding:8px 15px;font-size:.9rem;opacity:.9;}.sidebar-collapsed #sidebar{width:70px;}.sidebar-collapsed #sidebar .sidebar-header{padding:10px;}.sidebar-collapsed #sidebar .sidebar-header h3{font-size:1.2rem;}.sidebar-collapsed #sidebar .nav-link{justify-content:center;}.sidebar-collapsed #sidebar .nav-link i{margin-right:0;font-size:1.3rem;}.sidebar-collapsed #sidebar .nav-link .menu-text{opacity:0;width:0;position:absolute;left:-100px;}.sidebar-collapsed #sidebar .nav-link .bi-chevron-down{display:none;}.sidebar-collapsed #sidebar .submenu{display:none;}.sidebar-collapsed .nav-item.has-submenu:hover .submenu{display:block;position:absolute;left:70px;background:#1a1a27;min-width:200px;border-radius:0 5px 5px 0;box-shadow:3px 3px 10px rgba(0,0,0,.2);padding:10px;z-index:100;}.sidebar-collapsed .nav-item.has-submenu:hover .submenu .nav-link{justify-content:flex-start;}.sidebar-collapsed .nav-item.has-submenu:hover .submenu .menu-text{opacity:1;position:static;width:auto;}.sidebar-collapsed #content{margin-left:70px;}.dark-mode #sidebar{background:#1a1a27;}.dark-mode #header{background:#2a2a3c;box-shadow:0 2px 10px rgba(0,0,0,.2);}.dark-mode .toggle-sidebar-btn{color:#e1e1e1;}.dark-mode .card{background-color:#2a2a3c;box-shadow:0 4px 20px rgba(0,0,0,.15);}.dark-mode .card .card-header{background-color:rgba(0,0,0,.1);color:#e1e1e1;}.dark-mode .stat-card .label,.dark-mode .footer{color:#aaa;}#content{margin-left:250px;transition:all all .3s ease;min-height:100vh;}#content #main-content{padding:20px;}#header{height:60px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:0 20px;display:flex;align-items:center;justify-content:space-between;transition:all all .3s ease;}.toggle-sidebar-btn{background:none;border:0;font-size:1.5rem;color:#666;cursor:pointer;}.card{border:0;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.05);margin-bottom:25px;transition:all all .3s ease;}.card .card-header{background:#fff;border:0;padding:15px 20px;font-weight:600;}.stat-card{text-align:center;padding:20px;}.stat-card i{font-size:2.5rem;margin-bottom:15px;opacity:.8;}.stat-card .count{font-size:2rem;font-weight:700;margin-bottom:5px;}.stat-card .label{color:#6c757d;font-size:.9rem;}.modal .modal-title{font-size:21px;font-weight:600;color:#12355b;}@media(max-width:768px){#sidebar{margin-left:-250px;}#content{margin-left:0;}#sidebar.active{margin-left:0;}#content.active{margin-left:250px;}}