:root { font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: #182231; background: #f3f6fa; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.shell { width: min(100%, 520px); }
.card { background: white; border: 1px solid #e1e7ef; border-radius: 18px; padding: 32px; box-shadow: 0 18px 50px #1b35550d; }
.eyebrow { color: #3566a6; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 12px; }
h1 { margin: 0 0 8px; font-size: 32px; }
.muted { color: #69778a; }
label { display: grid; gap: 8px; margin: 24px 0 16px; font-size: 13px; font-weight: 600; }
input { border: 1px solid #ccd6e2; border-radius: 10px; padding: 13px 14px; font: inherit; }
button { width: 100%; border: 0; border-radius: 10px; padding: 13px 16px; background: #1d4f91; color: white; font: inherit; font-weight: 700; cursor: pointer; }
button.secondary { width: auto; background: #edf2f8; color: #244c7e; }
.row { display: flex; justify-content: space-between; align-items: start; gap: 16px; }
.status { min-height: 20px; color: #b42318; font-size: 13px; }
.metric { display: flex; justify-content: space-between; padding: 16px; border-radius: 12px; background: #f3f7fc; font-size: 13px; }
.metric span { color: #69778a; }
[hidden] { display: none !important; }