:root{
 --bg:#0b1220; --bg2:#111a2e; --card:rgba(255,255,255,0.06); --card-border:rgba(255,255,255,0.1);
 --text:#e6edf3; --muted:#8b9bb4; --primary:#6c5ce7; --primary2:#a29bfe;
 --success:#00cec9; --warning:#fdcb6e; --danger:#ff7675; --info:#74b9ff;
}
*{font-family:Inter,system-ui,Segoe UI,Roboto,sans-serif}
.bg-dark-body{background:radial-gradient(1200px 600px at 20% -10%,#1e2a4a 0%,transparent 60%),radial-gradient(800px 400px at 80% 0%,#2d1b4e 0%,transparent 60%),var(--bg);color:var(--text);min-height:100vh}
.top-navbar{position:sticky;top:0;z-index:1020;background:rgba(11,18,32,0.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--card-border)}
.btn-glass{background:var(--card);border:1px solid var(--card-border);color:var(--text)}
.btn-glass:hover{background:rgba(255,255,255,0.1);color:#fff}
.logo-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary2));display:grid;place-items:center;color:#fff}
.glass-card{background:linear-gradient(180deg,rgba(255,255,255,0.08),rgba(255,255,255,0.04));border:1px solid var(--card-border);border-radius:16px;backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(0,0,0,0.3)}
.sidebar{width:270px;min-height:calc(100vh - 64px);background:rgba(17,26,46,0.9);backdrop-filter:blur(20px);border-right:1px solid var(--card-border);position:sticky;top:64px;transition:transform .25s ease}
.sidebar-inner{display:flex;flex-direction:column;height:100%}
.menu-section{padding:18px 20px 6px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.menu-item{display:flex;align-items:center;gap:12px;padding:10px 18px;margin:2px 10px;border-radius:10px;color:var(--muted);text-decoration:none;transition:.2s}
.menu-item:hover{background:var(--card);color:var(--text)}
.menu-item.active{background:linear-gradient(90deg,rgba(108,92,231,0.25),rgba(108,92,231,0.08));color:#fff;border:1px solid rgba(108,92,231,0.3)}
.main-content{max-width:100%;overflow-x:hidden}
.stat-card .icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:20px}
.avatar-sm{object-fit:cover}
.glass-dropdown{background:rgba(17,26,46,0.95)!important;backdrop-filter:blur(20px);border:1px solid var(--card-border)!important}
.glass-dropdown .dropdown-item{color:var(--text)}
.glass-dropdown .dropdown-item:hover{background:var(--card);color:#fff}
.login-wrapper{min-height:100vh;display:grid;place-items:center;padding:20px}
.login-card{width:100%;max-width:420px}
.form-control, .form-select{background:rgba(255,255,255,0.06)!important;border:1px solid var(--card-border)!important;color:var(--text)!important}
.form-control::placeholder{color:var(--muted)}
.form-control:focus{border-color:var(--primary)!important;box-shadow:0 0 0 .25rem rgba(108,92,231,.25)!important}
.table-dark-glass{--bs-table-bg:transparent;--bs-table-color:var(--text)}
.table-dark-glass th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.06em;border-color:var(--card-border)}
.table-dark-glass td{border-color:rgba(255,255,255,0.06)}
@media(max-width:991.98px){
 .sidebar{position:fixed;left:0;top:64px;z-index:1040;transform:translateX(-100%)}
 .sidebar.open{transform:translateX(0)}
 .sidebar-overlay{position:fixed;inset:64px 0 0 0;background:rgba(0,0,0,0.5);z-index:1039;display:none}
 .sidebar-overlay.show{display:block}
}
.chart-wrap{position:relative;height:280px}