:root { --navy:#14213d; --accent:#1f6feb; --gray:#f3f5f8; }
body { background: var(--gray); }
.app-topbar { background: var(--navy); min-height: 56px; }
.app-topbar .navbar-brand { color:#fff; font-size:1.1rem; }
.app-sidebar { width: 240px; min-height: calc(100vh - 56px); background:#fff; border-right:1px solid #e3e7ee; }
.app-sidebar .nav-link { color:#2b3445; padding:.7rem 1.25rem; }
.app-sidebar .nav-link.active, .app-sidebar .nav-link:hover { background: var(--gray); color: var(--accent); font-weight:600; }
.app-content { min-width:0; }
.login-body { min-height:100vh; display:flex; align-items:center; justify-content:center; background: linear-gradient(135deg,var(--navy),#27406e); padding:1rem; }
.login-card { width:100%; max-width:420px; border:0; }
.btn-primary { background: var(--accent); border-color: var(--accent); }
@media (max-width: 991.98px) { .btn, .form-control, .form-select { min-height:44px; } }
.avatar-initials { display:inline-block; flex:0 0 auto; border-radius:50%; background:#dbe4f5; color:var(--navy); font-weight:700; text-align:center; font-size:.85rem; }
.min-w-0 { min-width:0; }