:root{--sidebar-width:250px;--collapsed-sidebar:70px;--header-height:60px;--primary-color:#555049;--secondary-color:#151412;--light-bg:#f8f9fa;--dark-bg:#1e1e2d;--sidebar-dark:#1a1a27;--card-dark:#2a2a3c;}body{font-family:"Segoe UI",system-ui,sans-serif;background-color:var(--light-bg);overflow-x:hidden;transition:all .3s;}body.dark-mode{background-color:var(--dark-bg);color:#e1e1e1;}body.sidebar-collapsed #sidebar{width:var(--collapsed-sidebar);}body.sidebar-collapsed .logo{display:none;}body.sidebar-collapsed #content{margin-left:var(--collapsed-sidebar);}body.sidebar-collapsed .sidebar-header{padding:10px;}body.sidebar-collapsed .sidebar-header h3{font-size:1.2rem;}body.sidebar-collapsed .sidebar-menu .nav-link{justify-content:center;}body.sidebar-collapsed .sidebar-menu .nav-link i{margin-right:0;font-size:1.3rem;}body.sidebar-collapsed .sidebar-menu .nav-link .menu-text{opacity:0;width:0;position:absolute;left:-100px;}body.sidebar-collapsed .sidebar-menu .nav-link .bi-chevron-down{display:none;}body.sidebar-collapsed .sidebar-menu .submenu{display:none;}body.sidebar-collapsed .sidebar-menu .nav-item.has-submenu:hover .submenu{display:block;position:absolute;left:var(--collapsed-sidebar);background:var(--sidebar-dark);min-width:200px;border-radius:0 5px 5px 0;box-shadow:3px 3px 10px rgba(0,0,0,.1);padding:10px;z-index:100;}body.sidebar-collapsed .sidebar-menu .nav-item.has-submenu:hover .submenu .nav-link{justify-content:flex-start;}body.sidebar-collapsed .sidebar-menu .nav-item.has-submenu:hover .submenu .nav-link .menu-text{opacity:1;position:static;width:auto;}#sidebar{width:var(--sidebar-width);height:100vh;position:fixed;top:0;left:0;background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));box-shadow:0 0 15px rgba(0,0,0,.05);z-index:1000;transition:all .3s;overflow-y:auto;}.dark-mode #sidebar{background:var(--sidebar-dark);}#sidebar .sidebar-header{padding:20px;background:rgba(0,0,0,.2);text-align:center;transition:all .3s;}#sidebar .sidebar-header h3{color:#fff;margin:0;font-weight:600;transition:all .3s;}#sidebar .sidebar-menu{padding:20px 0;}#sidebar .sidebar-menu .nav-link{color:rgba(255,255,255,.8);padding:12px 20px;margin:5px 10px;border-radius:5px;transition:all .2s;display:flex;align-items:center;}#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 .3s;}#sidebar .sidebar-menu .nav-link .menu-text{transition:opacity .3s;}#sidebar .sidebar-menu .nav-link .bi-chevron-down{margin-left:auto;transition:transform .3s;}#sidebar .sidebar-menu .submenu{padding-left:20px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s;}#sidebar .sidebar-menu .submenu.show{max-height:500px;padding:10px 0 10px 20px;}#sidebar .sidebar-menu .submenu .nav-link{padding:8px 15px;margin:3px 0;font-size:.9rem;opacity:.9;}#content{margin-left:var(--sidebar-width);transition:all .3s;min-height:100vh;}#main-content{padding:20px;}#header{height:var(--header-height);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 .3s;}.dark-mode #header{background:var(--card-dark);box-shadow:0 2px 10px rgba(0,0,0,.2);}#header .toggle-sidebar-btn{background:none;border:0;font-size:1.5rem;color:#666;cursor:pointer;}.dark-mode #header .toggle-sidebar-btn{color:#e1e1e1;}#header .header-right .btn{margin-left:10px;}.card{border:0;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.05);margin-bottom:25px;transition:all .3s;}.dark-mode .card{background-color:var(--card-dark);box-shadow:0 4px 20px rgba(0,0,0,.15);}.card .card-header{background:#fff;border:0;padding:15px 20px;font-weight:600;}.dark-mode .card .card-header{background-color:rgba(0,0,0,.1);color:#e1e1e1;}.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;}.dark-mode .stat-card .label{color:#aaa;}.chart-container{position:relative;height:300px;padding:15px;}.footer{text-align:center;padding:20px;color:#6c757d;background:transparent;}.dark-mode .footer{color:#aaa;}.theme-switch{position:relative;display:inline-block;width:50px;height:24px;}.theme-switch input{opacity:0;width:0;height:0;}.theme-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px;}.theme-switch .slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%;}.theme-switch input:checked+.slider{background-color:var(--primary-color);}.theme-switch input:checked+.slider:before{transform:translateX(26px);}@media(max-width:768px){#sidebar{margin-left:-250px;}#content{margin-left:0;}#sidebar.active{margin-left:0;}#content.active{margin-left:250px;}.sidebar-collapsed #sidebar{margin-left:0;width:var(--collapsed-sidebar);}.sidebar-collapsed #content{margin-left:var(--collapsed-sidebar);}}