:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f9f9f7;--surface-1:#fcfcfb;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#898781;--grid:#e1e0d9;--axis:#c3c2b7;--border:#0b0b0b1a;--wash:#0b0b0b0a;--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--series-4:#eda100;--series-5:#e87ba4;--div-good:#2a78d6;--div-bad:#e34948;--div-mid:#f0efec;--good-text:#006300;--bad-text:#b42828;--status-good:#0ca30c;--status-warning:#fab219;--status-critical:#d03b3b;--font:system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0d0d0d;--surface-1:#1a1a19;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--grid:#2c2c2a;--axis:#383835;--border:#ffffff1a;--wash:#ffffff0d;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-5:#d55181;--div-good:#3987e5;--div-bad:#e66767;--div-mid:#383835;--good-text:#0ca30c;--bad-text:#e66767}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0d0d0d;--surface-1:#1a1a19;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--grid:#2c2c2a;--axis:#383835;--border:#ffffff1a;--wash:#ffffff0d;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-5:#d55181;--div-good:#3987e5;--div-bad:#e66767;--div-mid:#383835;--good-text:#0ca30c;--bad-text:#e66767}*{box-sizing:border-box}body{background:var(--page);color:var(--text-primary);font-family:var(--font);margin:0;font-size:14px;line-height:1.45}button,select,input{font:inherit;color:inherit}.app{min-width:0;max-width:1280px;margin:0 auto;padding:16px}.header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:16px;display:flex}.header h1{margin:0;font-size:20px;font-weight:600}.health{color:var(--text-secondary);align-items:center;gap:8px;display:inline-flex}.health .dot{border-radius:50%;width:8px;height:8px}.filters{border-bottom:1px solid var(--grid);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:16px;padding:8px 0 16px;display:flex}.segmented{border:1px solid var(--border);background:var(--surface-1);border-radius:8px;flex-wrap:wrap;max-width:100%;display:inline-flex;overflow:hidden}.segmented button{cursor:pointer;color:var(--text-secondary);background:0 0;border:0;padding:6px 10px}.segmented button:hover{background:var(--wash)}.segmented button[aria-pressed=true]{color:var(--text-primary);background:var(--wash);font-weight:600}.field{color:var(--text-secondary);align-items:center;gap:6px;display:inline-flex}.field select,.field input{background:var(--surface-1);border:1px solid var(--border);border-radius:6px;padding:5px 8px}.grid{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:12px;margin-bottom:24px;display:grid}.card{text-align:left;background:var(--surface-1);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:column;gap:4px;min-height:136px;padding:12px 14px;transition:opacity .15s;display:flex}.card:hover{border-color:var(--axis)}.card[aria-pressed=true]{outline:2px solid var(--series-1);outline-offset:-1px}.card .label{color:var(--text-secondary);justify-content:space-between;gap:8px;display:flex}.card .value{font-size:24px;font-weight:600}.delta{color:var(--text-secondary);font-size:13px}.delta .good{color:var(--good-text)}.delta .bad{color:var(--bad-text)}.badge{border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;border-radius:999px;align-self:flex-start;padding:0 6px;font-size:11px}.loading{opacity:.5}.error{color:var(--bad-text)}.panel{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:16px}.panel h2{margin:0 0 4px;font-size:16px}.panel h3{margin:0;font-size:14px}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.meta{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.link-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.chart{position:relative}.chart svg{width:100%;display:block;overflow:visible}.chart svg:focus-visible{outline:2px solid var(--series-1);outline-offset:2px}.tick{fill:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.tooltip{pointer-events:none;background:var(--surface-1);border:1px solid var(--border);z-index:2;border-radius:8px;min-width:140px;padding:8px 10px;font-size:12px;position:absolute;box-shadow:0 4px 16px #0000001f}.tooltip .when{color:var(--text-muted);margin-bottom:4px}.tooltip .row{align-items:center;gap:6px;display:flex}.tooltip .row strong{margin-right:auto}.key{border-radius:1px;width:12px;height:2px;display:inline-block}.legend{color:var(--text-secondary);flex-wrap:wrap;gap:4px 14px;margin:0 0 8px;padding:0;list-style:none;display:flex}.legend li{align-items:center;gap:6px;display:inline-flex}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{text-align:right;border-bottom:1px solid var(--grid);padding:4px 8px}th:first-child,td:first-child{text-align:left}th{color:var(--text-secondary);font-weight:500}.table-scroll{max-height:320px;overflow:auto}.dev-row{grid-template-columns:minmax(90px,160px) 1fr minmax(150px,220px);align-items:center;gap:8px;padding:3px 0;display:grid}.dev-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dev-values{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:12px}@media (width<=640px){.filters .field,.filters .segmented{width:100%}.filters .field input,.filters .field select{flex:1;min-width:0}.dev-row{grid-template-columns:1fr;gap:2px}.dev-values{text-align:left}.card .value{font-size:20px}}.dev-track{height:12px;position:relative}.dev-axis{background:var(--axis);width:1px;position:absolute;top:-2px;bottom:-2px;left:50%}.dev-bar{position:absolute;top:0;bottom:0}.delta-text.good{color:var(--good-text)}.delta-text.bad{color:var(--bad-text)}.insight-list{margin:0 0 8px;padding:0;list-style:none}.insight-list li{border-bottom:1px solid var(--grid);grid-template-columns:96px 92px 1fr auto;align-items:baseline;gap:8px;padding:6px 0;display:grid}.insight-list .sev{white-space:nowrap;font-weight:600}.insight-list .when{color:var(--text-muted);font-variant-numeric:tabular-nums}@media (width<=640px){.insight-list li{grid-template-columns:auto 1fr}.insight-list .what{grid-column:1/-1}}.user{color:var(--text-secondary)}
