:root{--bg: #0b0d10;--surface: #181b21;--surface-2: #1d2027;--surface-3: #262a33;--text: #f4f5f7;--muted: #9ea5b6;--faint: #686f80;--border: #272b33;--border-strong: #3a3f4b;--accent: #bffd11;--accent-hover: #d7ff96;--accent-soft: rgba(191, 253, 17, .12);--on-accent: #0b0d10;--ok: #4ade80;--ok-bg: rgba(74, 222, 128, .12);--warn: #fbbf24;--warn-bg: rgba(251, 191, 36, .13);--bad: #ff6b6b;--bad-bg: rgba(255, 72, 72, .14);--muted-bg: #262a33;--series-a: #bffd11;--series-b: #12effd;--radius: 18px;--radius-sm: 12px;--shadow: none;--shadow-lg: 0 18px 50px rgba(0, 0, 0, .55);--font-sans: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;font-family:var(--font-sans);font-size:15px;line-height:1.5;color:var(--text);color-scheme:dark;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:var(--bg)}h1{margin:0;font-size:2.4rem;font-weight:400;letter-spacing:-.03em;line-height:1.1}h2{margin:0;font-size:1.05rem;font-weight:500;letter-spacing:-.01em}a{color:inherit}.sub,.muted{color:var(--muted)}.sub{margin:10px 0 0;font-size:1rem}.small{font-size:.8rem}.mono{font-family:var(--font-mono);font-size:.78rem;word-break:break-all}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--accent);color:var(--on-accent);padding:6px 12px;z-index:30;border-radius:999px}.shell{min-height:100vh}.topbar{position:sticky;top:14px;z-index:20;display:flex;align-items:center;gap:14px;width:min(1240px,calc(100% - 32px));margin:14px auto 0;padding:8px 10px 8px 20px;background:#21242bb8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:999px;box-shadow:var(--shadow-lg)}.brand{flex-shrink:0;display:flex;align-items:center;gap:10px;font-weight:500;font-size:1.05rem;letter-spacing:-.01em;white-space:nowrap}.brand-mark{display:grid;place-items:center;color:var(--accent)}.nav-links{display:flex;gap:2px;margin-left:18px;flex:1;min-width:0}.nav-links a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding:8px 14px;border-radius:999px;color:var(--muted);font-weight:500;transition:background .15s,color .15s;white-space:nowrap}.nav-links a:hover{color:var(--text);background:#ffffff0f}.nav-links a.active{color:var(--accent);background:var(--accent-soft)}.nav-links a:focus-visible,.link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-check{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.nav-burger{display:none;margin-left:auto;width:40px;height:40px;border-radius:999px;place-items:center;cursor:pointer;border:1px solid var(--border-strong)}.nav-check:focus-visible+.nav-burger{outline:2px solid var(--accent);outline-offset:2px}.topbar-right{display:flex;align-items:center;gap:14px;flex-shrink:0}.whoami{display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:.74rem;background:var(--accent-soft);color:var(--accent);text-transform:uppercase;flex:none}.whoami .who{font-weight:500;font-size:.86rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whoami .role{text-transform:capitalize;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em}.health{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;gap:8px;color:var(--muted);white-space:nowrap}.content{padding:44px 0 72px;width:min(1240px,calc(100% - 32px));margin:0 auto;min-width:0}.dot{width:8px;height:8px;border-radius:50%;background:var(--faint);display:inline-block;flex:none}.health-ok .dot,.conn-open .dot{background:var(--ok);box-shadow:0 0 0 3px #4ade8033}.health-warn .dot,.conn-connecting .dot{background:var(--warn);box-shadow:0 0 0 3px #fbbf2433}.health-bad .dot,.conn-closed .dot{background:var(--bad);box-shadow:0 0 0 3px #ff484833}.conn{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);display:inline-flex;gap:7px;align-items:center}.title-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.title-row h1{margin:0}.grid{display:grid;gap:20px}.stack{display:flex;flex-direction:column;gap:20px;min-width:0}.stack>:last-child{flex:1}.grid>*{min-width:0}.grid.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));align-items:stretch}.content>*+*{margin-top:24px}.content>h1+.sub,.content>.title-row+.sub{margin-top:10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.stat{padding:20px 22px;display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:start}.stat-label,.chips-label,.payload h3,th,.facts dt,.usage-totals dt{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;font-weight:400}.stat-label{color:var(--muted);font-size:.7rem}.stat-value{grid-column:1;font-size:2.5rem;font-weight:400;letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:1.15;margin:10px 0 4px}.stat-hint{grid-column:1 / -1;color:var(--muted);font-size:.82rem}.stat-icon{grid-row:1 / span 2;grid-column:2;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.stat-icon.ok{background:var(--ok-bg);color:var(--ok)}.stat-icon.warn{background:var(--warn-bg);color:var(--warn)}.stat-icon.bad{background:var(--bad-bg);color:var(--bad)}.panel{padding:24px 26px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;min-height:28px;flex-wrap:wrap;gap:10px}.link{color:var(--accent);font-size:.84rem;font-weight:500;text-decoration:none}.link:hover{text-decoration:underline}.empty{color:var(--muted);margin:8px 0;text-align:center;padding:22px 0}.error{color:var(--bad);background:var(--bad-bg);padding:10px 14px;border-radius:var(--radius-sm);font-size:.88rem}.list{list-style:none;margin:0;padding:0}.list li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--border);font-size:.9rem}.list li:first-child{border-top:0;padding-top:2px}.grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list time{font-size:.78rem;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.68rem;font-weight:500;padding:3px 10px 3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;line-height:1.5}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.badge-ok{background:var(--ok-bg);color:var(--ok)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-bad{background:var(--bad-bg);color:var(--bad)}.badge-muted{background:var(--muted-bg);color:var(--muted)}.badge-plain:before{display:none}.breakdown{list-style:none;margin:0;padding:0;display:grid;gap:12px}.breakdown li{display:grid;grid-template-columns:150px 1fr 44px;align-items:center;gap:12px;font-size:.86rem}.bar{background:var(--muted-bg);border-radius:999px;height:6px;overflow:hidden}.bar span{display:block;height:100%;background:var(--accent);border-radius:999px}.breakdown-n{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);font-family:var(--font-mono);font-size:.8rem}.fleet-bar{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--muted-bg);gap:3px;margin:4px 0 20px}.fleet-bar span{display:block;height:100%;min-width:4px;border-radius:999px}.seg-ok{background:#4ade80}.seg-warn{background:#fbbf24}.seg-bad{background:#ff4848}.seg-muted{background:#686f80}.legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px 16px}.legend li{display:grid;gap:0}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:18px;border-top:1px solid var(--border);align-items:center}.chips-label{color:var(--muted);font-size:.68rem;margin-right:4px}.chip{display:inline-flex;gap:8px;align-items:baseline;padding:3px 12px;border-radius:999px;background:var(--muted-bg);font-size:.8rem;text-transform:capitalize}.chip b{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:500;font-family:var(--font-mono)}.legend .legend-n{font-size:1.8rem;font-weight:400;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.2}.legend .legend-l{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.72rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em}.legend .legend-l:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c, #686f80)}input,select,button,textarea{font:inherit;color:var(--text)}input:not([type=checkbox]),select,textarea{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:0 14px;height:42px;transition:border-color .15s,box-shadow .15s}input[type=search]{border-radius:999px;padding:0 18px}textarea{height:auto;padding:10px 14px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}select{padding-right:30px}button{white-space:nowrap;background:transparent;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:0 20px;height:40px;cursor:pointer;font-weight:500;transition:background .15s,border-color .15s,color .15s}button:hover:not(:disabled){background:#ffffff17;border-color:#fff}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.pill{height:34px;padding:0 16px;font-size:.86rem}button.icon{padding:0 8px;height:28px;border:0;background:none;color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center}.filters input[type=search]{min-width:300px}.filters label.inline{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.82rem}.filters input[type=datetime-local]{padding:0 10px}.form{display:grid;gap:16px;margin-bottom:16px}.form label{display:grid;gap:7px;font-size:.72rem;color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.form label.check{display:flex;gap:10px;align-items:center;font-family:var(--font-sans);text-transform:none;letter-spacing:0;font-size:.86rem}.form-actions{display:flex;gap:12px;align-items:center}.ok-text{color:var(--ok);font-size:.88rem;font-weight:500}.inline-form{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:end;padding:18px}.inline-form .error,.inline-form .form-actions{grid-column:1 / -1}.export-bar{margin-left:auto;display:inline-flex;gap:8px;align-items:center}.live-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px;min-height:36px}.live-bar .check{display:flex;align-items:center;gap:8px;font-weight:500}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;color:var(--muted);font-size:.68rem;padding:12px 16px;background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap}th:first-child{border-top-left-radius:var(--radius-sm)}th:last-child{border-top-right-radius:var(--radius-sm)}td{padding:13px 16px;border-top:1px solid var(--border);vertical-align:middle}td time,td .nowrap{white-space:nowrap}td button{height:32px;padding:0 14px;font-size:.82rem}tbody tr:first-child td{border-top:0}tbody tr:hover td{background:var(--surface-2)}tr.inactive td{opacity:.55}.cell-link{white-space:nowrap;font-weight:500;color:var(--text);text-decoration:none;font-family:var(--font-mono);font-size:.82rem}.cell-link:hover{color:var(--accent);text-decoration:underline}.table-wrap .empty{padding:30px 14px}.pagination{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:16px;font-size:.85rem;font-family:var(--font-mono)}.pagination button{height:34px;font-family:var(--font-sans)}.detail-row td{background:var(--surface-2)!important;border-top:0}.payload{display:grid;gap:14px;padding:6px 0 10px}.payload h3{margin:0 0 6px;font-size:.68rem;color:var(--muted)}.payload pre{margin:0;padding:12px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);overflow-x:auto;white-space:pre-wrap;word-break:break-word;font-size:.78rem;max-height:320px;font-family:var(--font-mono)}.facts{display:grid;grid-template-columns:130px 1fr;gap:12px 14px;margin:16px 0 0;font-size:.88rem}.facts dt{color:var(--muted);font-size:.68rem;padding-top:3px}.facts dd{margin:0;overflow-wrap:anywhere}.facts pre{margin:0;white-space:pre-wrap;font-size:.78rem;font-family:var(--font-mono)}.resolve-form{display:grid;gap:12px;padding:6px 0;max-width:560px}.resolve-form label{display:grid;gap:6px;font-size:.72rem;color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.center{text-align:center;margin-top:20vh}.login{min-height:100vh;display:grid;place-items:center;padding:16px;background:radial-gradient(800px 460px at 50% -10%,rgba(191,253,17,.1),transparent 60%),radial-gradient(600px 400px at 100% 110%,rgba(18,239,253,.07),transparent 60%),var(--bg)}.login-card{position:relative;padding:38px 34px 32px;width:min(420px,100%);box-shadow:var(--shadow-lg);margin:0;background:var(--surface-2)}.login-card:before,.login-card:after{content:"";position:absolute;width:22px;height:22px;border:2px solid var(--accent);opacity:.8;pointer-events:none}.login-card:before{top:-9px;left:-9px;border-right:0;border-bottom:0;border-top-left-radius:8px}.login-card:after{bottom:-9px;right:-9px;border-left:0;border-top:0;border-bottom-right-radius:8px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:4px}.login-brand .brand-mark{width:40px;height:40px}.login-card h1{font-size:1.7rem}.login-card .sub{margin:0 0 8px;font-size:.95rem}.login-card button.primary{height:44px;margin-top:6px}.nav-links a svg,.whoami .who,.whoami .role,.health-text{display:none}.nav-links a{padding:8px 12px}@media (max-width: 1240px){.topbar{flex-wrap:wrap;border-radius:26px;padding:8px 12px 8px 18px}.nav-burger{display:grid}.nav-links{display:none;order:3;flex-basis:100%;flex-direction:column;margin:4px 0 6px;padding-top:8px;border-top:1px solid var(--border)}.nav-check:checked~.nav-links{display:flex}.topbar-right{order:4;display:none;flex-basis:100%;justify-content:space-between;padding-bottom:4px}.nav-check:checked~.topbar-right{display:flex}.nav-links a svg{display:inline}.whoami .who,.whoami .role,.health-text{display:inline}}@media (max-width: 960px){.content{padding:28px 0 56px}h1{font-size:1.9rem}.grid.two{grid-template-columns:1fr}.breakdown li{grid-template-columns:110px 1fr 36px}.filters input[type=search]{min-width:0;flex:1 1 100%}.panel{padding:20px 18px}}@media (max-width: 520px){.stat-value{font-size:2rem}.facts{grid-template-columns:100px 1fr}}.swatch{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px;vertical-align:baseline}.swatch.s-a,.bar-a{background:var(--series-a);fill:var(--series-a)}.swatch.s-b,.bar-b{background:var(--series-b);fill:var(--series-b)}.usage-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:14px}.seg-toggle{display:inline-flex;border:1px solid var(--border-strong);border-radius:999px;padding:3px;gap:2px}.seg-toggle button{border:0;height:30px;padding:0 16px;background:transparent;color:var(--muted);font-size:.84rem}.seg-toggle button:hover:not(:disabled){background:#ffffff0f;color:var(--text)}.seg-toggle button.on{background:var(--accent);color:var(--on-accent);font-weight:600}.chart-legend{display:flex;gap:16px;list-style:none;margin:0 0 0 auto;padding:0;font-size:.82rem;color:var(--muted)}.chart-wrap{position:relative}.chart{width:100%;height:auto;display:block}.grid-line{stroke:var(--border);stroke-width:1}.axis-text{fill:var(--faint);font-size:9.5px;font-family:var(--font-mono)}.hover-band{fill:#ffffff0d}.chart-tip{position:absolute;top:4px;transform:translate(-50%);background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:10px 12px;font-size:.8rem;display:grid;gap:3px;pointer-events:none;white-space:nowrap;z-index:2}.usage-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 18px}.usage-totals div{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px}.usage-totals dt{color:var(--muted);font-size:.66rem}.usage-totals dd{margin:6px 0 0;font-size:1.6rem;font-weight:400;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.table-search input{min-width:280px}.table-wrap.flat{border:0;box-shadow:none;background:none}.panel.wide{grid-column:1 / -1}@media (max-width: 640px){.table-search,.table-search input{width:100%;min-width:0}}.table-tools{display:flex;gap:8px;align-items:center;margin-left:auto}.title-actions{margin-left:auto}.download{display:inline-flex;align-items:center;gap:8px}@media (max-width: 640px){.table-wrap table{min-width:640px}.chart-wrap{overflow-x:auto}.chart{min-width:520px}.chart-tip{position:fixed;left:50%!important;top:auto;bottom:16px}}.page-size{display:inline-flex;align-items:center;gap:8px;margin-right:auto;font-family:var(--font-sans)}.page-size select{height:34px;border-radius:999px;padding:0 12px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.progress-now{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;margin-bottom:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}td.clip{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal}textarea.mono{line-height:1.5;word-break:normal}@media (max-width: 520px){.two-fields{grid-template-columns:1fr}}.notice{margin:0 0 16px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--warn-bg);color:var(--warn);font-size:.88rem}.notice strong{color:inherit;font-weight:600}.topic-input{color:var(--accent)}.range-picker{display:flex;flex-wrap:wrap;align-items:end;gap:10px 12px;margin:0 0 16px;padding:12px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.range-picker label{display:grid;gap:4px}.range-picker input[type=datetime-local]{height:36px;padding:0 10px}.range-presets{display:flex;gap:6px;flex-wrap:wrap;margin-right:auto}.level-badges{display:inline-flex;gap:6px;flex-wrap:wrap}.split-bar{display:flex;gap:3px;height:14px}.split-bar span{display:block;height:100%;border-radius:999px;min-width:4px}.split-legend{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px;font-size:.9rem}.count{font-family:var(--font-mono);font-size:.7rem;opacity:.8;margin-left:4px}.class-note{margin:12px 0 8px}td .bar{display:block;margin-top:6px;max-width:160px}.picker{display:grid;gap:10px}.picker-filters{display:flex;gap:8px;flex-wrap:wrap}.picker-filters input{flex:1 1 180px;min-width:0}.picker-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.picker-count{margin-left:auto;font-family:var(--font-mono);font-size:.8rem;color:var(--accent)}.picker-list{list-style:none;margin:0;padding:4px;max-height:300px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg)}.picker-list li label{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;cursor:pointer;font-family:var(--font-sans);text-transform:none;letter-spacing:0;font-size:.88rem;color:var(--text)}.picker-list li label:hover{background:#ffffff0d}.rollout-counts{border:0;margin:14px 0 6px;padding:0;list-style:none}.rollout-table{max-height:380px;overflow:auto}.batch-result{margin-top:4px}.batch-result summary{cursor:pointer;color:var(--muted);font-size:.85rem}.batch-result ul{margin:8px 0 0;padding-left:18px;font-size:.85rem}.topic-many{display:flex;align-items:center;gap:6px}.topic-many code{color:var(--muted)}.topic-many input{flex:1}.field-help{text-transform:none;letter-spacing:0;font-family:var(--font-sans);font-size:.78rem}.form input[type=number]{max-width:220px}.quality-example{display:grid;gap:4px;margin:8px 0 14px}.quality-example .mono{background:var(--muted-bg);padding:8px 12px;border-radius:8px}.password-field{position:relative;display:block}.password-field input{width:100%;padding-right:44px}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;background:none;color:var(--muted);border-radius:8px;cursor:pointer}.password-toggle:hover,.password-toggle[aria-pressed=true]{color:var(--accent)}.form.threshold-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px 28px;align-items:start}.form.threshold-grid>p,.form.threshold-grid>.form-actions,.form.threshold-grid>.error{grid-column:1 / -1}
