:root{color-scheme:light;--surface-0: #f4f4f2;--surface-1: #fcfcfb;--border: #e2e1dc;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #7a7974;--accent: #2a78d6;--accent-ink: #ffffff;--grid: #e9e8e3;--series-1: #2a78d6;--good: #0f7b3f;--warning: #9a6200;--critical: #c23b3a;--radius: 8px;font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text-primary);background:var(--surface-0)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--surface-0: #121211;--surface-1: #1a1a19;--border: #2e2e2c;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #8f8e86;--accent: #3987e5;--grid: #2a2a28;--series-1: #3987e5;--good: #4cc07e;--warning: #e0a53a;--critical: #ee7a79}}:root[data-theme=dark]{color-scheme:dark;--surface-0: #121211;--surface-1: #1a1a19;--border: #2e2e2c;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #8f8e86;--accent: #3987e5;--grid: #2a2a28;--series-1: #3987e5;--good: #4cc07e;--warning: #e0a53a;--critical: #ee7a79}*{box-sizing:border-box}body{margin:0;background:var(--surface-0)}h1{font-size:22px;margin:0 0 16px}h2{font-size:16px;margin:28px 0 12px}a{color:var(--accent)}.muted{color:var(--text-muted)}.error{color:var(--critical)}.mono,.code,textarea.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.spacer{flex:1}.shell{display:grid;grid-template-columns:200px 1fr;grid-template-rows:auto 1fr;min-height:100vh}.topbar{grid-column:1 / -1;display:flex;gap:12px;align-items:center;padding:10px 20px;background:var(--surface-1);border-bottom:1px solid var(--border)}.sidenav{display:flex;flex-direction:column;padding:16px 8px;gap:2px;border-right:1px solid var(--border);background:var(--surface-1)}.sidenav a{padding:8px 12px;border-radius:var(--radius);color:var(--text-secondary);text-decoration:none}.sidenav a[aria-current=page],.sidenav a:hover{background:var(--surface-0);color:var(--text-primary)}.page{padding:24px 32px;max-width:1100px;width:100%}@media(max-width:720px){.shell{grid-template-columns:1fr}.sidenav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--border)}.page{padding:16px}.topbar{flex-wrap:wrap;padding:10px 16px}}button{font:inherit;padding:7px 14px;border-radius:var(--radius);border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);cursor:pointer}button:disabled{opacity:.5;cursor:default}button.ghost{background:transparent;color:var(--text-primary);border-color:var(--border)}button.danger{color:var(--critical)}button.chip{background:var(--surface-1);color:var(--text-secondary);border-color:var(--border);padding:4px 12px;border-radius:999px}button.chip[aria-pressed=true]{color:var(--text-primary);border-color:var(--text-primary)}input,select,textarea{font:inherit;padding:7px 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);max-width:100%}label{display:flex;flex-direction:column;gap:4px;color:var(--text-secondary)}label.check{flex-direction:row;align-items:center;gap:8px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.row input{flex:1;min-width:200px}.stack{display:flex;flex-direction:column;gap:12px;max-width:640px}.filters{margin-bottom:16px}.login{max-width:380px;margin:12vh auto;padding:32px;background:var(--surface-1);border:1px solid var(--border);border-radius:12px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.tile{display:flex;flex-direction:column;gap:2px;padding:16px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius)}.tile .label{color:var(--text-secondary);text-transform:capitalize}.tile .value{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums}.tile .value.small{font-size:16px}table{width:100%;border-collapse:collapse;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);display:block;overflow-x:auto}thead,tbody{display:table;width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--text-secondary);font-weight:500}.num{text-align:right;font-variant-numeric:tabular-nums}.code{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:12px;overflow-x:auto;white-space:pre}.callout{padding:12px 16px;border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--surface-1);border-radius:var(--radius);margin:12px 0}.status{padding:1px 8px;border-radius:999px;border:1px solid var(--border)}.status.completed,.status.delivered{color:var(--good)}.status.failed,.status.dead{color:var(--critical)}.status.processing,.status.queued,.status.pending{color:var(--warning)}.facts{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px}.facts dt{color:var(--text-secondary)}.facts dd{margin:0}.facts .fact{display:contents}.plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-top:16px}.plan{display:flex;flex-direction:column;gap:6px;padding:16px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius)}.plan.current{border-color:var(--accent)}.plan h3{margin:0;font-size:15px}.plan .value{font-size:20px;font-weight:600}.chart{position:relative;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.chart svg{width:100%;height:auto;display:block}.chart .grid{stroke:var(--grid);stroke-width:1}.chart .axis{fill:var(--text-muted);font-size:11px}.chart .bar{fill:var(--series-1)}.chart .bar.active{fill:var(--series-1);opacity:.8}.chart .tooltip{position:absolute;top:8px;transform:translate(-50%);display:flex;flex-direction:column;padding:6px 10px;background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius);pointer-events:none;font-size:12px;white-space:nowrap}
