body { background: #f6f7f9; color: #18202a; }
.sidebar { min-height: calc(100vh - 57px); background: #fff; }
.sidebar .nav-link { border-radius: 6px; color: #374151; margin-bottom: 4px; }
.sidebar .nav-link.active, .sidebar .nav-link:hover { background: #e8f0fe; color: #0b57d0; }
.metric { background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 16px; }
.metric span { display: block; color: #6b7280; font-size: 14px; }
.metric strong { display: block; font-size: 30px; margin-top: 8px; }
.login-page { min-height: 100vh; display: grid; place-items: center; }
.login-shell { width: min(420px, calc(100vw - 32px)); }
.login-box { background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 24px; }