:root{--bg:#f1f5f9;--surface:#fff;--surface-2:#f8fafc;--border:#e2e8f0;--text:#0f172a;--muted:#64748b;--accent:#2563eb;--selected:#dbeafe;--chrome:#0f172a;--chrome-text:#e2e8f0;--ok:#15803d;--warn:#b45309;--warn-bg:#fef3c7;--danger:#b91c1c;--danger-bg:#fee2e2;--on-accent:#fff;color:var(--text);background:var(--bg);font-family:system-ui,sans-serif;font-size:14px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1220;--surface:#111827;--surface-2:#0f172a;--border:#263244;--text:#e5e7eb;--muted:#94a3b8;--accent:#60a5fa;--selected:#1e3a5f;--chrome:#020617;--ok:#4ade80;--warn:#fbbf24;--warn-bg:#3a2a06;--danger:#dc2626;--danger-bg:#3b0d0d;--on-accent:#0b1220}}:root[data-theme=dark]{--bg:#0b1220;--surface:#111827;--surface-2:#0f172a;--border:#263244;--text:#e5e7eb;--muted:#94a3b8;--accent:#60a5fa;--selected:#1e3a5f;--chrome:#020617;--ok:#4ade80;--warn:#fbbf24;--warn-bg:#3a2a06;--danger:#dc2626;--danger-bg:#3b0d0d;--on-accent:#0b1220}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{z-index:10;background:var(--surface);color:var(--accent);border-radius:6px;padding-block:6px;padding-inline:12px;position:absolute;inset-block-start:8px;inset-inline-start:8px;transform:translateY(-200%)}.skip-link:focus{transform:none}.app{flex-direction:column;min-height:100%;display:flex}.topbar{background:var(--chrome);min-height:52px;color:var(--chrome-text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding-block:8px;padding-inline:16px;display:flex}.topbar__brand{font-size:15px;font-weight:600}.topbar__signout{color:inherit;align-items:center;min-height:32px;padding-inline:4px;text-decoration:underline;display:inline-flex}.topbar__signout:focus-visible{outline-color:var(--chrome-text)}.dashboard{flex:1;width:100%;max-width:1040px;margin-inline:auto;padding-block:24px;padding-inline:16px}.dashboard:focus{outline:none}.dashboard__greeting{overflow-wrap:anywhere;margin-block:0 6px;font-size:22px;font-weight:600}.dashboard__intro{color:var(--muted);margin-block:0 20px}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px;display:grid}.card{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;padding-block:16px;padding-inline:16px}.card__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin-block-end:8px;display:flex}.card__title{margin:0;font-size:16px;font-weight:600}.card__body{color:var(--muted);margin:0}.badge{border:1px solid var(--warn);background:var(--warn-bg);color:var(--text);white-space:nowrap;border-radius:999px;padding-block:2px;padding-inline:8px;font-size:12px;display:inline-block}.boot{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.boot__message{text-align:center;max-width:420px;color:var(--muted);margin:0;display:block}.boot__message p{margin:0 0 12px}.boot__title{color:var(--text);margin:0 0 8px;font-size:20px}.button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);cursor:pointer;border-radius:6px;padding-block:6px;padding-inline:14px;text-decoration:none;display:inline-block}