:root{--c-bg: #f8fafc;--c-surface: white;--c-fg: #0f172a;--c-muted: #64748b;--c-border: #e2e8f0;--c-accent: #2563eb;--c-accent-hover: #1d4ed8;--c-danger: #dc2626;--c-success: #16a34a;--c-warning: #d97706;--c-pill-pass-bg: #dcfce7;--c-pill-fail-bg: #fee2e2;--c-pill-cancelled-bg: #f1f5f9;--c-grid: #e2e8f0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--c-fg);background:var(--c-bg)}*{box-sizing:border-box}body{margin:0}a{color:var(--c-accent);text-decoration:none}a:hover{text-decoration:underline}button{background:var(--c-accent);color:#fff;border:0;padding:.5rem 1rem;border-radius:6px;font-size:.95rem;cursor:pointer}button:hover:not(:disabled){background:var(--c-accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--c-surface);color:var(--c-fg);border:1px solid var(--c-border)}button.secondary:hover:not(:disabled){background:var(--c-bg)}button.danger{background:var(--c-danger)}input,select{width:100%;padding:.5rem .75rem;border:1px solid var(--c-border);border-radius:6px;font-size:.95rem;background:var(--c-surface);color:var(--c-fg)}input:focus,select:focus{outline:2px solid var(--c-accent);outline-offset:-1px;border-color:transparent}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:4px}.layout{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:var(--c-surface);border-bottom:1px solid var(--c-border)}.topbar .brand{font-weight:700;font-size:1.1rem}.topbar .spacer{flex:1}.topbar nav{display:flex;gap:1rem}.topbar nav a{color:var(--c-fg);padding:.25rem .5rem;border-radius:4px}.topbar nav a.active{background:var(--c-bg);color:var(--c-accent)}.content{padding:1.5rem;max-width:1200px;width:100%;margin:0 auto}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;padding:1rem;margin-bottom:1rem}.card>h2:first-child,.card>h3:first-child{margin-top:0}.card.compact{max-width:360px;width:100%}.card.narrow{max-width:420px;width:100%}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stat-number{font-size:2rem;margin:.5rem 0}.kv-grid{display:grid;grid-template-columns:auto 1fr;row-gap:.5rem;column-gap:1rem}.row{display:flex;gap:.5rem}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.chart{width:100%;height:360px}.formstack{display:flex;flex-direction:column;gap:.75rem;max-width:360px}.formstack label{font-size:.85rem;color:var(--c-muted)}.formstack .err{color:var(--c-danger);font-size:.9rem}table{width:100%;border-collapse:collapse;background:var(--c-surface);border-radius:8px;overflow:hidden}th,td{padding:.6rem .8rem;text-align:left;border-bottom:1px solid var(--c-border);font-size:.9rem}th{background:var(--c-bg);font-weight:600;color:var(--c-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}tr:last-child td{border-bottom:0}tbody tr{cursor:pointer}tbody tr:hover{background:var(--c-bg)}.pill{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.pill.pass{background:var(--c-pill-pass-bg);color:var(--c-success)}.pill.fail{background:var(--c-pill-fail-bg);color:var(--c-danger)}.pill.cancelled{background:var(--c-pill-cancelled-bg);color:var(--c-muted)}.muted{color:var(--c-muted);font-size:.9rem}.err{color:var(--c-danger);font-size:.9rem}.center{display:flex;align-items:center;justify-content:center;min-height:60vh}code.code-sm{font-size:.8em}code.code-xs{font-size:.75em}.text-center{text-align:center}.mt{margin-top:1rem}.empty-state{text-align:center;padding:2rem 1rem;border:1px dashed var(--c-border);border-radius:8px;background:var(--c-surface)}.empty-state-icon{color:var(--c-muted);margin:0 auto .75rem;display:flex;align-items:center;justify-content:center}.empty-state h3{margin:0 0 .5rem}@media (max-width: 720px){.topbar{flex-wrap:wrap;padding:.5rem .75rem;gap:.5rem}.topbar nav{order:3;flex-basis:100%;overflow-x:auto;gap:.5rem}.topbar .spacer{display:none}.content{padding:1rem .75rem}.stat-grid{grid-template-columns:1fr}.stat-number{font-size:1.6rem}table{font-size:.85rem}th,td{padding:.5rem .6rem}.card.compact,.card.narrow{max-width:100%}}@media (prefers-color-scheme: dark){:root{--c-bg: #0f172a;--c-surface: #1e293b;--c-fg: #f1f5f9;--c-muted: #94a3b8;--c-border: #334155;--c-accent: #60a5fa;--c-accent-hover: #93c5fd;--c-danger: #f87171;--c-success: #4ade80;--c-warning: #fbbf24;--c-pill-pass-bg: rgba(74, 222, 128, .18);--c-pill-fail-bg: rgba(248, 113, 113, .18);--c-pill-cancelled-bg: rgba(148, 163, 184, .18);--c-grid: #334155;color-scheme:dark}}