:root,html[data-theme=light]{color-scheme:light;--bg: #f4f7fb;--panel: #ffffff;--line: #d5deea;--text: #0f172a;--muted: #64748b;--accent: #0f766e;--accent-ink: #ecfdf5;--banner-bg: #fffbeb;--banner-line: #f59e0b;--banner-text: #92400e}html[data-theme=dark]{color-scheme:dark;--bg: #0b1220;--panel: #121a2b;--line: #243049;--text: #e8eefc;--muted: #8ea0c0;--accent: #5eead4;--accent-ink: #042f2e;--banner-bg: #1f1708;--banner-line: #f59e0b;--banner-text: #fde68a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0b1220;--panel: #121a2b;--line: #243049;--text: #e8eefc;--muted: #8ea0c0;--accent: #5eead4;--accent-ink: #042f2e;--banner-bg: #1f1708;--banner-line: #f59e0b;--banner-text: #fde68a}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,sans-serif}#root{min-height:100vh}.shell{display:flex;flex-direction:column;gap:1.25rem;max-width:64rem;margin:0 auto;padding:1.5rem}.brand{display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{display:block;height:2.75rem;width:auto}.theme-toggle{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:.45rem .75rem;cursor:pointer}.top{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end}h1{margin:.15rem 0 0;font-size:1.8rem}.meta{margin:0;color:var(--muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.banner{padding:.8rem 1rem;border:1px solid var(--banner-line);background:var(--banner-bg);color:var(--banner-text)}.panel{display:flex;flex-wrap:wrap;gap:1rem;background:var(--panel);border:1px solid var(--line);padding:1rem}form{display:flex;flex:1 1 18rem;flex-wrap:wrap;gap:.5rem;align-items:stretch}input,select,button{font:inherit;border-radius:.4rem;border:1px solid var(--line)}input,select{flex:1 1 9rem;min-width:0;padding:.7rem .8rem;background:var(--bg);color:var(--text)}select:disabled{opacity:.5}button[type=submit]{background:var(--accent);color:var(--accent-ink);border:0;padding:.7rem 1rem;font-weight:700;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.metrics{display:flex;flex:2 1 20rem;gap:.75rem}.metric{flex:1;padding:.75rem;border:1px solid var(--line)}.metric span{display:block;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.metric strong{font-size:1.5rem}.table{display:flex;flex-direction:column;gap:.5rem}.row{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;padding:.7rem .8rem;border:1px solid var(--line);background:var(--panel)}.status{color:var(--muted);min-height:1.2rem}