:root{color-scheme:light;--page: #f3f2ef;--surface-1: #fcfcfb;--surface-2: #f0efec;--border: #e2e1dc;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #7a7975;--series-1: #2a78d6;--accent-soft: #cde2fb;--good: #0ca30c;--critical: #d03b3b;--shadow: 0 1px 2px rgb(0 0 0 / .04);--radius: 12px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--page: #111110;--surface-1: #1a1a19;--surface-2: #242422;--border: #2e2e2b;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #8f8e86;--series-1: #3987e5;--accent-soft: #184f95;--shadow: none}}:root[data-theme=dark]{color-scheme:dark;--page: #111110;--surface-1: #1a1a19;--surface-2: #242422;--border: #2e2e2b;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #8f8e86;--series-1: #3987e5;--accent-soft: #184f95;--shadow: none}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--page);color:var(--text-primary);font-family:Inter,Segoe UI Variable,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}.app{max-width:1480px;margin:0 auto;padding:20px 24px 32px}.muted{color:var(--text-muted)}.small{font-size:12px}.center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand h1{margin:0;font-size:18px;font-weight:650;letter-spacing:-.01em}.topbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--surface-1);border:1px solid var(--border);font-size:12px;color:var(--text-secondary)}.pill-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.pill.ok .pill-dot{background:var(--good);box-shadow:0 0 0 3px color-mix(in srgb,var(--good) 20%,transparent)}.pill.down .pill-dot{background:var(--critical)}.ghost-btn{padding:4px 10px;border-radius:999px;cursor:pointer;background:transparent;border:1px solid var(--border);font-size:12px;color:var(--text-secondary)}.ghost-btn:hover{background:var(--surface-2)}.range-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:16px -24px 8px;padding:10px 24px;background:color-mix(in srgb,var(--page) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.segmented{display:flex;gap:2px;padding:3px;overflow-x:auto;max-width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:10px}.segmented button{border:0;background:transparent;cursor:pointer;white-space:nowrap;padding:6px 12px;border-radius:7px;color:var(--text-secondary);font-weight:500}.segmented button:hover{color:var(--text-primary)}.segmented button.active{background:var(--surface-1);color:var(--text-primary);box-shadow:0 1px 2px #00000014,0 0 0 1px var(--border)}.range-meta{font-variant-numeric:tabular-nums}.section-title{font-size:15px;font-weight:650;margin:24px 0 12px}.section-title .small{font-weight:400}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:12px}.tile{padding:14px 16px;display:flex;flex-direction:column;gap:6px;min-width:0}.tile-label{font-size:12px;color:var(--text-secondary);font-weight:500}.tile-value{font-size:22px;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-sub{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meter{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}.meter-fill{height:100%;background:var(--series-1);border-radius:3px;transition:width .4s ease}.cores{display:flex;align-items:flex-end;gap:2px;height:22px}.cores span{flex:1;min-width:2px;border-radius:2px 2px 0 0;background:var(--series-1);transition:height .4s ease}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chart-card{padding:14px 16px 10px;min-width:0}.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px}.card-head h3{margin:0;font-size:13px;font-weight:600;color:var(--text-secondary)}.card-value{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.chart-body{position:relative}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--text-muted);font-size:12px;pointer-events:none}.tt-time{color:var(--text-muted);font-size:11px;margin-bottom:4px}.tt-row{display:flex;align-items:center;gap:8px;min-width:160px}.tt-dot{width:8px;height:8px;border-radius:2px;flex:none}.tt-name{flex:1;color:var(--text-secondary)}.tt-val{font-weight:600;font-variant-numeric:tabular-nums}.table-card{margin-bottom:12px;overflow:hidden}.table-scroll{overflow-x:auto}.ctr-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.ctr-table th,.ctr-table td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:top}.ctr-table tbody tr:last-child td{border-bottom:0}.ctr-table tbody tr:hover{background:var(--surface-2)}.ctr-table th{font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--surface-2)}.ctr-table .num{text-align:right}.th-btn{border:0;background:none;padding:0;cursor:pointer;font-weight:500;color:inherit}.th-btn:hover{color:var(--text-primary)}.sort-ind{display:inline-block;width:10px;margin-left:2px}.ctr-name{font-weight:600}.ctr-sub{font-size:11px;color:var(--text-muted);max-width:320px;overflow:hidden;text-overflow:ellipsis}tr.stopped td{color:var(--text-muted)}tr.stopped .ctr-name{font-weight:500}.col-check{width:36px}.check{position:relative;display:inline-flex;cursor:pointer}.check input{position:absolute;opacity:0;width:18px;height:18px;margin:0;cursor:pointer}.check input:disabled{cursor:not-allowed}.swatch{width:18px;height:18px;border-radius:5px;border:1.5px dashed var(--text-muted);background:transparent;display:grid;place-items:center}.swatch.off:after{content:"+";font-size:13px;line-height:1;color:var(--text-muted)}.check:hover .swatch.off{border-color:var(--text-secondary)}.check:hover .swatch.off:after{color:var(--text-secondary)}.check input:focus-visible+.swatch{outline:2px solid var(--series-1);outline-offset:2px}.check input:disabled+.swatch{opacity:.35}.mini-bar{height:3px;margin-top:4px;border-radius:2px;background:var(--surface-2);overflow:hidden;margin-left:auto;width:64px}.mini-bar span{display:block;height:100%;background:var(--series-1)}.notice{padding:16px;margin-bottom:12px;border-left:3px solid var(--critical)}.footer{margin-top:28px;text-align:center}@media(max-width:1200px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.grid-2{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.app{padding:16px 16px 24px}.range-bar{margin:12px -16px 8px;padding:8px 16px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-value{font-size:18px}}