:root { --brand:#00308F; --panel:#f8f8ff; --muted:#667084; --border:#e6e8ee; }
*{ box-sizing:border-box }
.card{ box-shadow:0 10px 28px rgba(2,18,46,.06); }
.input{ width:100%; border:1px solid var(--border); border-radius:12px; padding:.6rem .75rem; background:#fff }
.btn{ border:1px solid var(--border); background:#fff; border-radius:999px; padding:.5rem .9rem; font-size:.9rem }
.btn-primary{ background:var(--brand); color:#fff; border-radius:999px; padding:.5rem .9rem }
.th{ text-align:left; font-weight:600; padding:.5rem .6rem; }
.td{ padding:.5rem .6rem; border-top:1px solid #eef1f6; }
.kpi{ background:#f9fbff; border:1px solid #eaf0ff; border-radius:14px; padding:.75rem; }
.kpi .v{ font-weight:700; font-size:1.05rem; color:#0b5dda }