:root{color-scheme:light dark;--bg:#f7f8fa;--fg:#17202a;--muted:#5d6d7e;--surface:#ffffff;--border:#d8dee6;--accent:#126b5f}@media (prefers-color-scheme:dark){:root{--bg:#11161c;--fg:#f2f4f7;--muted:#b8c2cc;--surface:#1b232c;--border:#32404d;--accent:#45b6a5}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{min-height:100vh;padding:24px}.authShell{display:grid;place-items:center}.authPanel{width:min(100%,420px);padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.authPanel h1,.profileStrip h2,.topBar h1{margin:0;letter-spacing:0}.muted{margin:8px 0 20px;color:var(--muted)}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:10px;padding:0 16px;color:#ffffff;background:var(--accent);border:1px solid var(--accent);border-radius:8px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.button:disabled{cursor:wait;opacity:.7}.secondaryButton{color:var(--fg);background:var(--surface);border-color:var(--border)}.topBar{display:flex;align-items:center;justify-content:space-between;gap:16px}.summary,.topBar{max-width:960px;margin:0 auto}.summary{padding:24px 0}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:.875rem;font-weight:700}h1{margin:0 0 24px;font-size:clamp(2rem,3vw,3rem);letter-spacing:0}.profileStrip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.statusBadge{padding:6px 10px;color:var(--accent);border:1px solid var(--border);border-radius:999px;font-size:.875rem;font-weight:800}.metricGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;margin:0}.metricGrid div{min-height:112px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.metricGrid dt{color:var(--muted);font-size:.875rem}.metricGrid dd{margin:10px 0 0;font-size:1.4rem;font-weight:800}@media (max-width:640px){.profileStrip,.topBar{align-items:flex-start;flex-direction:column}.button{width:100%}}