:root{--sidebar:#0f1b2d;--sidebar-hover:#1b2a40;--page:#f5f7fb;--border:#e4e9f1;--text:#172033;--muted:#6b7280;--primary:#2563eb}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.login-bg{background:linear-gradient(135deg,#111827,#1d4ed8)}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:var(--sidebar);color:#fff;z-index:1040;display:flex;flex-direction:column;transition:width .22s ease,transform .22s ease;overflow:hidden}.brand{height:68px;display:flex;align-items:center;gap:9px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08);font-size:19px;font-weight:750;white-space:nowrap}.brand-icon{font-size:25px}.brand .badge{font-size:11px}.sidebar-nav{padding:14px 11px;flex:1;overflow-y:auto}.sidebar a{display:flex;align-items:center;gap:12px;padding:11px 13px;margin:3px 0;color:#d7dfeb;text-decoration:none;border-radius:9px;white-space:nowrap}.sidebar a:hover,.sidebar a.active{background:var(--sidebar-hover);color:#fff}.sidebar a.active{box-shadow:inset 3px 0 #fff}.nav-label{padding:17px 13px 6px;color:#8290a5;font-size:11px;font-weight:700;letter-spacing:.08em;white-space:nowrap}.sidebar-footer{padding:10px 11px 16px;border-top:1px solid rgba(255,255,255,.08)}.main-panel{margin-left:260px;min-height:100vh;transition:margin-left .22s ease}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:1020}.menu-toggle{width:38px;height:38px;border:1px solid #aeb8c6;background:#fff;border-radius:6px;font-size:20px;line-height:1}.menu-caption{margin-left:10px;color:#526070}.topbar-user{margin-left:auto;font-weight:600}.topbar-user span{font-weight:400;color:var(--muted)}.content{min-width:0}.stat{border:0;border-radius:14px}.table{background:#fff}.sidebar-collapsed .sidebar{width:0}.sidebar-collapsed .main-panel{margin-left:0}.sidebar-backdrop{display:none}@media(max-width:991.98px){.sidebar{transform:translateX(-100%);width:260px}.main-panel{margin-left:0}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-open .sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.48);z-index:1030}.topbar{padding:0 15px}.content{padding:18px!important}.topbar-user span{display:none}}@media(max-width:575.98px){.menu-caption{display:none}.topbar-user{font-size:13px}.brand{height:62px}.topbar{height:62px}}