:root{--bgc-red:#d51f2e;--bgc-blue:#04336c;--bgc-grey:#6e7b8b;--bgc-sea-pink:#f59798;--bgc-lapis:#2a327e;--bgc-flat-blue:#4c63ad;--bgc-wild-blue:#7384c1;--bg:#f7f8fb;--surface:#fff;--surface-2:#f1f5f9;--text:#0f172a;--muted:#475569;--border:#e2e8f0;--success:#16a34a;--warning:#f59e0b;--danger:#dc2626;--radius:16px;--radius-sm:12px;--shadow:0 12px 30px #0206171a;--font-heading:"Gotham","Aptos Display","Segoe UI",system-ui,-apple-system,Arial,sans-serif;--font-body:"Aptos","Segoe UI",system-ui,-apple-system,Arial,sans-serif;--focus:0 0 0 4px #04336c33}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(1200px 600px at 10% -10%,#d51f2e14,transparent 60%),radial-gradient(900px 500px at 95% 0%,#04336c1a,transparent 55%),var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;margin:0 0 10px}p{color:var(--muted);margin:0 0 10px}a{color:var(--bgc-blue);text-decoration:none}a:hover{text-decoration:underline}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.container{max-width:1060px;margin:0 auto;padding:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:16px}label{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}input,select,textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);outline:none;padding:10px 12px}input:focus,select:focus,textarea:focus{box-shadow:var(--focus);border-color:#04336c8c}input::placeholder,textarea::placeholder{color:#475569a6}button{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:12px;padding:10px 12px;transition:transform 60ms,border-color .2s,box-shadow .2s}button:hover{border-color:#6e7b8bb3}button:active{transform:translateY(1px)}button:focus-visible{box-shadow:var(--focus);outline:none}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--bgc-blue);color:#fff;border-color:#04336ccc}.btn-primary:hover{border-color:#04336c}.btn-danger{background:var(--bgc-red);color:#fff;border-color:#d51f2ed9}.pill{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:inline-flex}.alert{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:10px 12px;font-size:13px}.alert-danger{background:#dc262614;border-color:#dc262640}.grid{gap:12px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:720px){.grid-2{grid-template-columns:1fr}}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:900px){.grid-3{grid-template-columns:1fr}}.kpi-card{flex-direction:column;justify-content:space-between;min-height:120px;display:flex}.table tr.clickable-row{cursor:pointer;transition:background .15s}.table tr.clickable-row:hover{background:#04336c0f}