:root{--navy:#102a43;--navy2:#173f5f;--gold:#d8ad45;--ink:#243b53;--muted:#627d98}
body{background:#f4f6f9;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.topbar{background:linear-gradient(105deg,var(--navy),var(--navy2));box-shadow:0 3px 12px #102a4320}
.navbar-brand{letter-spacing:.04em}.brand-dot{display:inline-grid;place-items:center;background:var(--gold);color:var(--navy);width:29px;height:29px;border-radius:7px;margin-right:5px}
.card{border-radius:14px}.card-stat{border:0;box-shadow:0 5px 18px #102a430b;height:100%}.stat-label{font-size:.86rem;color:var(--muted)}.stat-value{font-size:2rem;font-weight:750;color:var(--navy)}
.btn-primary{background:var(--navy2);border-color:var(--navy2)}.btn-primary:hover{background:var(--navy);border-color:var(--navy)}
.table thead th{font-size:.8rem;text-transform:uppercase;letter-spacing:.035em;color:#627d98;background:#f8fafc;white-space:nowrap}
.table td{vertical-align:middle}.badge-gold{background:#fff1c2;color:#755400}
.brand-mark{font-weight:900;letter-spacing:.18em;color:var(--navy);border-bottom:4px solid var(--gold);display:inline-block;padding-bottom:7px}
.login-bg{background:radial-gradient(circle at top right,#dbe8f3,transparent 40%),#eef2f7}.login-card{width:100%;max-width:470px;border-radius:20px}
.form-label{font-weight:600;font-size:.92rem}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}
