:root { --brand:#00308F; --panel:#f8f8ff; --muted:#667084; --border:#e6e8ee; }
*:focus { outline: 2px solid var(--brand); outline-offset: 2px; }
.card { box-shadow: 0 10px 28px rgba(2,18,46,.06); }
.th { font-weight: 700; letter-spacing: .02em; }
.pill { border:1px solid var(--border); border-radius:999px; padding:.5rem .75rem; background:#fff; }
.cell-input { background:#fff; border:1px solid var(--border); border-radius:.6rem; padding:.45rem .55rem; }
.btn { border-radius:.8rem; font-weight:600; padding:.55rem .9rem; }
.btn-brand { background:var(--brand); color:#fff; }
.btn-ghost { background:#fff; border:1px solid var(--border); }
.btn-danger { background:#ef4444; color:#fff; }
.badge { background:#eef2ff; color:#1f3a8a; border-radius:.5rem; padding:.15rem .5rem; font-weight:600; }
.grid-header { background: var(--panel); position: sticky; top: 0; z-index: 10; }
.row:hover { background:#fafafa; }