:root { --sidebar-width: 260px; --brand:#0b3b66; --muted:#f5f7fb; }
body { background:#eef2f7; font-size:14px; }
.topbar { background:linear-gradient(90deg,#0b3b66,#155b97); }
.main-layout { display:flex; min-height:calc(100vh - 56px); }
.sidebar { width:var(--sidebar-width); background:#fff; border-right:1px solid #dee2e6; }
.content-wrap { flex:1; padding:24px; }
.card-kpi { border:none; border-radius:14px; box-shadow:0 8px 24px rgba(0,0,0,.05); }
.table-card, .form-card { border:none; border-radius:14px; box-shadow:0 8px 24px rgba(0,0,0,.05); }
.badge-soft { background:#e9f2ff; color:#0b3b66; }
.login-shell { min-height:100vh; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#0d3b66,#0f5f9a); }
.login-card { width:min(420px,95%); border-radius:18px; }
@media (max-width: 991px){ .content-wrap{padding:16px;} }