:root { --oxblood:#7A2018; --ink:#1A1D21; --paper:#FAF7F5; --line:#E3DDD9; --green:#2F8C4E; --amber:#C8881F; --red:#A32B1C; }
* { box-sizing:border-box; }
html { color:var(--ink); background:var(--paper); font-family:"Segoe UI",Arial,sans-serif; }
body { margin:0; min-height:100vh; }
h1,h2 { font-family:Georgia,Cambria,serif; font-weight:500; margin:0; }
.eyebrow { font-size:.75rem; letter-spacing:.14em; text-transform:uppercase; font-weight:700; margin:0 0 1.25rem; }
.oxblood { color:var(--oxblood); }
.login-shell { min-height:100vh; display:grid; grid-template-columns:minmax(320px,44%) 1fr; }
.brand-panel { color:#fff; background:var(--ink); padding:clamp(3rem,7vw,8rem); display:flex; flex-direction:column; justify-content:center; position:relative; overflow:hidden; }
.brand-panel::after { content:""; position:absolute; width:26rem; height:26rem; border:1px solid rgba(255,255,255,.08); border-radius:50%; right:-13rem; bottom:-9rem; }
.brand-panel h1 { font-size:clamp(2.4rem,4.5vw,4.8rem); line-height:1.03; max-width:10ch; }
.brand-copy { max-width:33rem; color:#c8c9cb; font-size:1.08rem; line-height:1.65; margin:2rem 0 3rem; }
.brand-mark { display:flex; gap:.45rem; align-items:end; height:3rem; }
.brand-mark span { display:block; width:.5rem; background:var(--oxblood); border-radius:.2rem; }
.brand-mark span:nth-child(1){height:40%}.brand-mark span:nth-child(2){height:72%}.brand-mark span:nth-child(3){height:100%}
.login-panel { display:grid; place-items:center; padding:2rem; }
.login-card { width:min(100%,27rem); }
.login-card h2 { font-size:2.2rem; }
.muted,.support { color:#666b70; line-height:1.55; }
.muted { margin:1rem 0 2rem; }
label { display:block; font-size:.85rem; font-weight:650; margin:.95rem 0 .4rem; }
input { width:100%; border:1px solid var(--line); background:#fff; border-radius:.35rem; padding:.85rem .9rem; font:inherit; color:var(--ink); outline:none; }
input:focus { border-color:#777c81; box-shadow:0 0 0 3px rgba(26,29,33,.08); }
input.is-invalid { border-color:var(--red); box-shadow:0 0 0 3px rgba(163,43,28,.08); }
button { border:0; background:var(--oxblood); color:#fff; border-radius:.35rem; padding:.9rem 1.2rem; font:inherit; font-weight:700; cursor:pointer; }
.login-card form>button { width:100%; margin-top:1.25rem; }
.alert { color:var(--red); background:#f8e9e6; border-left:3px solid var(--red); padding:.8rem 1rem; margin-bottom:1rem; }
.support { font-size:.8rem; margin-top:1.5rem; }
.topbar { height:4.5rem; display:flex; justify-content:space-between; align-items:center; padding:0 clamp(1.5rem,5vw,5rem); border-bottom:1px solid var(--line); background:#fff; }
.wordmark { font:600 1.4rem Georgia,serif; color:var(--ink); text-decoration:none; }
.user-menu { display:flex; gap:1.2rem; align-items:center; font-size:.9rem; }
.text-button { color:var(--oxblood); background:none; padding:0; }
.dashboard { padding:clamp(2rem,6vw,5rem); max-width:90rem; margin:auto; }
.dashboard>h1 { font-size:clamp(2.4rem,5vw,4.5rem); }
.empty-state { margin-top:3rem; background:#fff; border:1px solid var(--line); padding:clamp(2rem,5vw,4rem); min-height:22rem; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.empty-icon { width:4rem; height:4rem; border-radius:50%; display:grid; place-items:center; background:var(--ink); color:white; font:500 1.7rem Georgia,serif; margin-bottom:1.4rem; }
.empty-state h2 { font-size:1.8rem; }
.empty-state p { color:#686b6e; max-width:35rem; line-height:1.6; }
.basis-pill { font-size:.75rem; background:var(--paper); border:1px solid var(--line); padding:.4rem .7rem; border-radius:999px; }
@media(max-width:760px){.login-shell{grid-template-columns:1fr}.brand-panel{min-height:38vh;padding:2rem}.brand-panel h1{font-size:2.5rem}.brand-copy{margin:1rem 0}.brand-mark{display:none}.login-panel{padding:3rem 1.5rem}}
.period-line{color:#686b6e;margin:1rem 0 2rem}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.metric-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.metric-card,.coverage-panel{background:#fff;border:1px solid var(--line);padding:1.4rem}.metric-card span,.metric-card small{display:block;color:#686b6e}.metric-card strong{display:block;font:500 clamp(1.45rem,2.6vw,2.25rem) Georgia,serif;margin:.65rem 0;font-variant-numeric:tabular-nums}.metric-card small{font-size:.75rem;line-height:1.45}.coverage-panel{margin-top:1rem;display:grid;grid-template-columns:10rem 1fr;gap:1rem 2rem;align-items:center}.coverage-panel h2{font-size:2.6rem}.coverage-panel>p{grid-column:2;color:#686b6e;margin:0}.coverage-track{height:1rem;background:#eee8e4;border-radius:999px;overflow:hidden}.coverage-track span{height:100%;display:block;background:var(--oxblood);border-radius:inherit}@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.metric-grid,.metric-grid.compact,.coverage-panel{grid-template-columns:1fr}.coverage-panel>p{grid-column:1}}
.data-page h1{margin-bottom:2rem}.panel,.danger-panel{background:#fff;border:1px solid var(--line);padding:1.5rem;margin:1.5rem 0;overflow:auto}.panel h2,.danger-panel h2{font:600 1.25rem Georgia,serif;margin-bottom:1rem}.danger-panel{border-left:4px solid var(--oxblood)}.upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;align-items:end}.upload-grid label{margin:0}.upload-grid select{width:100%;padding:.85rem;border:1px solid var(--line);background:#fff;border-radius:.35rem;font:inherit}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:.7rem;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.summary-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.issue{display:grid;grid-template-columns:minmax(12rem,18rem) 1fr;gap:1rem;padding:.7rem;border-bottom:1px solid var(--line)}.issue.error strong{color:var(--red)}.issue.warning strong{color:var(--amber)}code{white-space:pre-wrap;font-size:.75rem}
.report-link{color:var(--oxblood);font-weight:700;text-decoration:none}
.quick-links{display:flex;gap:1rem;flex-wrap:wrap;margin:1.5rem 0}.quick-links a{color:var(--oxblood);font-weight:700}.mini-bar{height:.35rem;background:#eee8e4;border-radius:1rem;margin-top:.35rem}.mini-bar span{display:block;height:100%;background:var(--oxblood);border-radius:inherit}
.chat-panel{max-width:50rem}.chat-panel form button{margin-top:1rem}.chat-answer{margin-top:1.5rem;padding:1.2rem;border-left:4px solid var(--oxblood);background:var(--paper);line-height:1.6}