:root{--sidebar:#111827;--primary:#4f46e5;--bg:#f5f7fb}.body{min-height:100vh}body{background:var(--bg);color:#172033}.app-shell{min-height:100vh}.sidebar{width:270px;background:var(--sidebar);color:#fff;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{color:#fff}.brand small{display:block;color:#9ca3af;font-weight:500}.brand-mark{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#22d3ee);color:#fff;font-size:1.5rem}.sidebar .nav-link{color:#cbd5e1;border-radius:10px;padding:.65rem .75rem}.sidebar .nav-link:hover{background:#1f2937;color:#fff}.sidebar .nav-link i{width:24px;display:inline-block}.topbar{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.card{border:1px solid #e7eaf0;border-radius:14px;box-shadow:0 4px 18px rgba(15,23,42,.04)}.metric-card .metric-icon{font-size:1.5rem;color:var(--primary)}.btn-primary{background:var(--primary);border-color:var(--primary)}.auth-body{min-height:100vh;background:radial-gradient(circle at top,#e0e7ff,#f8fafc 55%)}.auth-card{margin-top:8vh}.table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:#64748b}.font-monospace{font-size:.9rem}@media(max-width:991.98px){.sidebar{position:fixed;left:-280px;z-index:1040;transition:left .2s}.sidebar.open{left:0}main{width:100%}}