:root{color-scheme:light dark;font-family:system-ui,-apple-system,sans-serif;--bg: #f5f6f8;--bg-raised: #ffffff;--fg: #1a1d21;--fg-muted: #5b6169;--border: #d8dbe0;--accent: #2563eb;--accent-fg: #ffffff;--warn-bg: #fff4e0;--warn-border: #e0a838;--warn-fg: #7a5200;--error-bg: #fdecea;--error-border: #d64545;--error-fg: #8a1f1f;--risk-r0-bg: #e3f6e8;--risk-r0-fg: #1a7a34;--risk-r1-bg: #e3f6e8;--risk-r1-fg: #1a7a34;--risk-r2-bg: #fff1d6;--risk-r2-fg: #8a5b00;--risk-r3-bg: #fbdcdc;--risk-r3-fg: #941f1f;--sev-info-bg: #e6eefc;--sev-info-fg: #1e4c9a;--sev-low-bg: #e3f6e8;--sev-low-fg: #1a7a34;--sev-medium-bg: #fff1d6;--sev-medium-fg: #8a5b00;--sev-high-bg: #fbe0d6;--sev-high-fg: #a13d0c;--sev-critical-bg: #fbdcdc;--sev-critical-fg: #941f1f;--danger: #c62828;--danger-fg: #ffffff;--danger-bg: #fdecea;--danger-border: #d64545}@media(prefers-color-scheme:dark){:root{--bg: #14161a;--bg-raised: #1e2126;--fg: #e8eaed;--fg-muted: #9aa1ab;--border: #33373e;--accent: #5b8def;--accent-fg: #0a0c0f;--warn-bg: #3a2c0c;--warn-border: #b8860b;--warn-fg: #f5d78a;--error-bg: #3a1616;--error-border: #c94a4a;--error-fg: #f5a3a3;--risk-r0-bg: #123a20;--risk-r0-fg: #7fe0a0;--risk-r1-bg: #123a20;--risk-r1-fg: #7fe0a0;--risk-r2-bg: #3a2c0c;--risk-r2-fg: #f0c060;--risk-r3-bg: #3a1616;--risk-r3-fg: #f5a3a3;--sev-info-bg: #16233a;--sev-info-fg: #8fb3f5;--sev-low-bg: #123a20;--sev-low-fg: #7fe0a0;--sev-medium-bg: #3a2c0c;--sev-medium-fg: #f0c060;--sev-high-bg: #3a220f;--sev-high-fg: #f2a56d;--sev-critical-bg: #3a1616;--sev-critical-fg: #f5a3a3;--danger: #f2726b;--danger-fg: #1a0505;--danger-bg: #3a1616;--danger-border: #c94a4a}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);line-height:1.4}h1,h2,h3{font-weight:600;margin:0 0 .5rem}a{color:inherit;text-decoration:none}button{font:inherit;background:var(--accent);color:var(--accent-fg);border:none;border-radius:.375rem;padding:.4rem .9rem;cursor:pointer}button:disabled{opacity:.6;cursor:default}.app-header{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-raised)}.app-title{font-size:1.1rem;font-weight:700}.app-nav{display:flex;gap:1rem;flex:1}.app-nav a{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .1rem;font-size:.9rem;color:var(--fg-muted);border-bottom:2px solid transparent}.app-nav a.nav-link-active{color:var(--fg);border-bottom-color:var(--accent);font-weight:600}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.1rem;height:1.1rem;padding:0 .3rem;border-radius:.6rem;background:var(--warn-border);color:var(--warn-fg);font-size:.7rem;font-weight:700}.auth-widget{display:flex;align-items:center;gap:.5rem}.auth-identity{font-size:.8rem;color:var(--fg-muted)}.auth-button{background:var(--bg);color:var(--fg-muted);border:1px solid var(--border);font-size:.8rem;padding:.3rem .65rem}.auth-error{font-size:.8rem;color:var(--error-fg)}.btn-ghost{background:transparent;color:var(--fg-muted);border:1px solid var(--border)}.btn-danger{background:var(--danger);color:var(--danger-fg)}.action-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.action-bar button{font-size:.82rem;padding:.35rem .7rem}.action-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-fg);padding:.35rem .6rem;border-radius:.375rem;font-size:.8rem;flex-basis:100%}.confirm-inline{display:flex;align-items:center;gap:.4rem;font-size:.82rem}main{padding:1rem 1.5rem 2rem;max-width:100vw;overflow-x:auto}.badge{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.02em;padding:.1rem .45rem;border-radius:.75rem;text-transform:uppercase}.badge-state{background:var(--border);color:var(--fg)}.badge-gate{background:var(--bg-raised);border:1px solid var(--border);color:var(--fg-muted);text-transform:none}.card-gates{margin-top:-.15rem}.badge-risk[data-risk=R0],.badge-risk[data-risk=R1]{background:var(--risk-r0-bg);color:var(--risk-r0-fg)}.badge-risk[data-risk=R2]{background:var(--risk-r2-bg);color:var(--risk-r2-fg)}.badge-risk[data-risk=R3]{background:var(--risk-r3-bg);color:var(--risk-r3-fg)}.badge-stall{background:var(--warn-bg);color:var(--warn-fg);border:1px solid var(--warn-border)}.badge-waiting,.badge-run-phase[data-phase=queued]{background:var(--sev-info-bg);color:var(--sev-info-fg)}.badge-run-phase[data-phase=running]{background:var(--accent);color:var(--accent-fg)}.badge-severity{background:var(--bg-raised);border:1px solid var(--border);color:var(--fg-muted)}.badge-severity[data-severity=info]{background:var(--sev-info-bg);color:var(--sev-info-fg)}.badge-severity[data-severity=low]{background:var(--sev-low-bg);color:var(--sev-low-fg)}.badge-severity[data-severity=medium]{background:var(--sev-medium-bg);color:var(--sev-medium-fg)}.badge-severity[data-severity=high]{background:var(--sev-high-bg);color:var(--sev-high-fg)}.badge-severity[data-severity=critical]{background:var(--sev-critical-bg);color:var(--sev-critical-fg)}.error-banner{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-fg);padding:.5rem .75rem;border-radius:.375rem;margin:.5rem 0 0}.card{display:block;background:var(--bg-raised);border:1px solid var(--border);border-radius:.5rem;padding:.6rem .75rem;min-width:14rem;max-width:18rem}.card:hover{border-color:var(--accent)}.card-title{font-weight:700;font-size:.9rem}.card-subtitle{color:var(--fg-muted);font-size:.85rem;margin:.15rem 0 .4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.4rem}.card-meta{display:flex;gap:.75rem;font-size:.78rem;color:var(--fg-muted)}.empty{color:var(--fg-muted);font-size:.85rem}