body { background: #f4f6fa; color: #172033; }
.sidebar { width: 250px; min-height: 100vh; background: #101b36; color: #fff; }
.sidebar a { color: #cbd5e1; text-decoration: none; display: block; padding: .65rem .85rem; border-radius: .5rem; }
.sidebar a:hover, .sidebar a.active { background: #24365e; color: #fff; }
.brand-mark { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: #315efb; font-weight: 800; }
.main-content { min-width: 0; flex: 1; }
.stat-card { border: 0; border-radius: 1rem; box-shadow: 0 4px 20px rgba(16, 24, 40, .04); }
.login-wrap { min-height: 100vh; display: grid; place-items: center; padding: 1.5rem; }
.login-card { max-width: 430px; width: 100%; border: 0; border-radius: 1.25rem; box-shadow: 0 18px 60px rgba(16, 24, 40, .10); }
@media (max-width: 767.98px) { .sidebar { width: 100%; min-height: auto; } .app-shell { display: block !important; } }