:root{--bg:#0f0f0e;--surface:#1a1a19;--surface-2:#232321;--surface-3:#2e2e2b;--text:#f0efec;--text-2:#c3c2b7;--muted:#9c9b94;--line:#2c2c2a;--axis:#45453f;--accent:#6da7ec;--accent-fill:#2a78d6;--ok:#4cc36b;--warn:#e0a24a;--bad:#f07b72;--ok-wash:#4cc36b24;--bad-wash:#f07b7224;--hover-wash:#ffffff0d;--skeleton:#262624;--series-ok:#3987e5;--series-refused:#c98500;--series-error:#d03b3b;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f5f5f2;--surface:#fff;--surface-2:#f1f0ec;--surface-3:#e6e5df;--text:#1c1c1a;--text-2:#52514e;--muted:#6b6b66;--line:#e2e2dc;--axis:#c3c2b7;--accent:#2f5bd3;--accent-fill:#2a78d6;--ok:#1f7a4d;--warn:#a15c00;--bad:#b3261e;--ok-wash:#1f7a4d1a;--bad-wash:#b3261e14;--hover-wash:#0000000a;--skeleton:#ecebe6;--series-ok:#2a78d6;--series-refused:#eda100;--series-error:#d03b3b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}h1{margin:0 0 16px;font-size:22px}h2{margin:24px 0 8px;font-size:16px}a{color:var(--accent)}code{font-size:.92em}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.topbar,.scrim{display:none}.sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:16px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{min-width:0;color:var(--text);align-items:center;gap:10px;padding:4px 6px;text-decoration:none;display:flex}.brand>span{min-width:0}.brand-name{font-weight:600;line-height:1.2;display:block}.brand-client{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.nav{flex-direction:column;gap:2px;display:flex}.nav a{color:var(--muted);border-radius:6px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.nav a:hover{background:var(--surface-2);color:var(--text)}.nav a[aria-current=page]{background:var(--surface-3);color:var(--text);font-weight:500}.system-status{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:8px;flex-direction:column;gap:4px;margin-top:auto;padding:10px 12px;text-decoration:none;display:flex}.system-status:hover{border-color:var(--axis)}.system-status-title{color:var(--muted);font-size:12px}.system-status-state{align-items:center;gap:8px;font-weight:500;display:flex}.system-status-detail{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.account{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 4px 0;display:flex}.page{width:100%;min-width:0;max-width:1440px;padding:24px 28px 32px}.icon-button{border-color:var(--line);justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}@media (max-width:800px){.shell{grid-template-columns:minmax(0,1fr)}.topbar{z-index:20;background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:8px 16px;display:flex;position:sticky;top:0}.sidebar{z-index:30;visibility:hidden;width:min(280px,85vw);transition:transform .2s,visibility .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.shell[data-drawer=open] .sidebar{visibility:visible;transform:none}.shell[data-drawer=open] .scrim{z-index:25;background:#00000080;display:block;position:fixed;inset:0}.page{padding:16px}}.auth{justify-content:center;padding:64px 16px;display:flex}.muted{color:var(--muted)}.error{color:var(--bad)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}table{border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 12px}th{color:var(--muted);font-weight:500}.table-wrap{overflow-x:auto}button,input,select{font:inherit;color:inherit}button{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:6px 12px}button:hover:not(:disabled){background:var(--surface-2)}button.primary{background:var(--accent-fill);border-color:var(--accent-fill);color:#fff}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:6px 8px}.badge{border:1px solid;border-radius:999px;padding:1px 8px;font-size:12px;display:inline-block}.badge.ok{color:var(--ok)}.badge.warn{color:var(--warn)}.badge.bad{color:var(--bad)}.dot{background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}.skeleton{background:var(--skeleton);border-radius:4px;animation:1.4s ease-in-out infinite pulse;display:block}@keyframes pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.chart{width:100%;min-width:0;overflow:hidden}.chart-svg{display:block}.chart-grid{stroke:var(--line);stroke-width:1px;shape-rendering:crispedges}.chart-baseline{stroke:var(--axis);stroke-width:1px;shape-rendering:crispedges}.chart-tick{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.chart-band{fill:#0000}.chart-hit:hover .chart-band{fill:var(--hover-wash)}.chart-hit:hover path{filter:brightness(1.15)}.bar-list{grid-template-columns:minmax(0,10em) minmax(48px,1fr) auto auto;align-items:center;gap:8px 10px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.bar-row{display:contents}.bar-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bar-label a{color:var(--text);text-decoration:none}.bar-label a:hover{text-decoration:underline}.bar-track{min-width:0;height:12px;display:block;position:relative;overflow:hidden}.bar-track svg{display:block;position:absolute;inset:0}.bar-value{text-align:right;font-variant-numeric:tabular-nums}.bar-note{text-align:right;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.bar-list.notes-below{grid-template-columns:minmax(0,12em) minmax(48px,1fr) auto}.notes-below .bar-note{text-align:left;grid-column:1/-1;margin-top:-6px}.notes-below .bar-note:empty{display:none}
