:root { --brand:#17365d; --accent:#0d6efd; --soft:#f4f7fb; }
body { background:var(--soft); color:#263238; }
.app-navbar { background:linear-gradient(135deg,#17365d,#245a96); }
.brand-mark { display:inline-grid; place-items:center; width:32px; height:32px; border-radius:9px; background:#fff; color:var(--brand); margin-right:8px; }
.card { border:0; border-radius:16px; box-shadow:0 8px 28px rgba(24,52,85,.08); }
.card-header { background:#fff; border-bottom:1px solid #eef2f7; }
.stat-card { min-height:128px; }
.stat-number { font-size:2rem; font-weight:700; }
.table thead th { font-size:.78rem; text-transform:uppercase; letter-spacing:.04em; color:#64748b; }
.form-control,.form-select { border-radius:10px; padding:.7rem .85rem; }
.btn { border-radius:10px; }
.auth-shell { max-width:520px; margin:2rem auto; }
.hero { padding:4rem 0; }
.badge-status { border-radius:999px; padding:.45rem .7rem; }