.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}:root{color-scheme:light;--surface-0:#f6f6f4;--surface-1:#fcfcfb;--surface-2:#f0efec;--surface-3:#e8e7e3;--border:#e2e1dc;--border-strong:#cdccc5;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#84837c;--series-in:#2a78d6;--series-out:#eb6834;--good:#0ca30c;--warning:#fab219;--serious:#ec835a;--critical:#d03b3b;--neutral:#84837c;--seq-100:#cde2fb;--seq-200:#9ec5f4;--seq-300:#6da7ec;--seq-400:#3987e5;--seq-500:#256abf;--seq-600:#184f95;--seq-700:#0d366b;--radius:10px;--radius-sm:6px;--shadow:0 1px 2px rgba(16,16,15,.05);--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}@media(prefers-color-scheme:dark){:root:where(:not([data-theme=light])){color-scheme:dark;--surface-0:#111110;--surface-1:#1a1a19;--surface-2:#232321;--surface-3:#2c2c29;--border:#2e2e2b;--border-strong:#42423e;--text-primary:#ffffff;--text-secondary:#c3c2b7;--text-muted:#8f8e85;--series-in:#3987e5;--series-out:#d95926;--shadow:0 1px 2px rgba(0,0,0,.3)}}:root[data-theme=dark]{color-scheme:dark;--surface-0:#111110;--surface-1:#1a1a19;--surface-2:#232321;--surface-3:#2c2c29;--border:#2e2e2b;--border-strong:#42423e;--text-primary:#ffffff;--text-secondary:#c3c2b7;--text-muted:#8f8e85;--series-in:#3987e5;--series-out:#d95926;--shadow:0 1px 2px rgba(0,0,0,.3)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--surface-0);color:var(--text-primary);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.app{min-height:100%;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:40;background:var(--surface-1);border-bottom:1px solid var(--border)}.header-inner{max-width:1560px;margin:0 auto;padding:0 20px;height:56px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:9px;font-weight:650;letter-spacing:-.01em;white-space:nowrap}.brand svg{color:var(--series-in);flex-shrink:0}.brand-sub{color:var(--text-muted);font-weight:400;font-size:12px}.nav{display:flex;gap:2px;margin-left:6px;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{padding:6px 11px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13.5px;font-weight:500;white-space:nowrap;transition:background .12s,color .12s}.nav a:hover{background:var(--surface-2);color:var(--text-primary)}.nav a.active{background:var(--surface-3);color:var(--text-primary);font-weight:600}.header-right{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-btn{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-1);cursor:pointer;color:var(--text-secondary)}.icon-btn:hover{background:var(--surface-2);color:var(--text-primary)}.main{flex:1;max-width:1560px;width:100%;margin:0 auto;padding:22px 20px 60px}.page-head{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:18px}.page-title{font-size:21px;font-weight:660;letter-spacing:-.02em;margin:0}.page-desc{color:var(--text-secondary);font-size:13.5px;margin:3px 0 0;max-width:76ch}.page-head-actions{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-head{padding:13px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.card-title{font-size:14px;font-weight:620;margin:0;letter-spacing:-.01em}.card-sub{font-size:12.5px;color:var(--text-muted);margin:2px 0 0}.card-body{padding:16px}.card-actions{margin-left:auto;display:flex;gap:6px;align-items:center}.grid{display:grid;gap:14px}.grid-stats{grid-template-columns:repeat(auto-fit,minmax(184px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.stat{padding:14px 16px}.stat-label{font-size:11.5px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.055em;margin:0 0 7px;display:flex;align-items:center;gap:6px}.stat-value{font-size:27px;font-weight:640;letter-spacing:-.025em;line-height:1.1;margin:0}.stat-unit{font-size:14px;font-weight:500;color:var(--text-secondary);margin-left:3px}.stat-foot{font-size:12.5px;color:var(--text-secondary);margin:6px 0 0}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px 2px 6px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid transparent;line-height:1.6}.pill svg{flex-shrink:0}.pill-critical{color:var(--critical);background:color-mix(in srgb,var(--critical) 12%,transparent);border-color:color-mix(in srgb,var(--critical) 30%,transparent)}.pill-serious{color:var(--serious);background:color-mix(in srgb,var(--serious) 14%,transparent);border-color:color-mix(in srgb,var(--serious) 32%,transparent)}.pill-warning{color:#8a6100;background:color-mix(in srgb,var(--warning) 20%,transparent);border-color:color-mix(in srgb,var(--warning) 38%,transparent)}.pill-good{color:var(--good);background:color-mix(in srgb,var(--good) 12%,transparent);border-color:color-mix(in srgb,var(--good) 28%,transparent)}.pill-neutral{color:var(--text-secondary);background:var(--surface-2);border-color:var(--border)}:root[data-theme=dark] .pill-warning,:root:where(:not([data-theme=light])) .pill-warning{color:var(--warning)}@media(prefers-color-scheme:light){:root:where(:not([data-theme=dark])) .pill-warning{color:#8a6100}}.util{display:flex;align-items:center;gap:8px;min-width:132px}.util-track{flex:1;height:6px;border-radius:3px;background:var(--surface-3);overflow:hidden;position:relative;min-width:56px}.util-fill{height:100%;border-radius:3px;transition:width .25s ease}.util-val{font-family:var(--mono);font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-secondary);min-width:44px;text-align:right}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;font-weight:600;font-size:11.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.045em;padding:9px 12px;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface-1);position:sticky;top:0;z-index:1}table.data th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.data th.sortable:hover{color:var(--text-primary)}table.data td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:middle}table.data tbody tr:hover{background:var(--surface-2)}table.data tbody tr:last-child td{border-bottom:none}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.mono{font-family:var(--mono);font-size:12px}.t-name{font-weight:560;letter-spacing:-.005em}.t-sub{color:var(--text-muted);font-size:11.5px;margin-top:1px}.link{color:var(--series-in);font-weight:560}.link:hover{text-decoration:underline}.controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.input,.select{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;font-size:13px;color:var(--text-primary);min-height:32px}.input:focus,.select:focus{outline:2px solid color-mix(in srgb,var(--series-in) 45%,transparent);outline-offset:-1px;border-color:var(--series-in)}.input{min-width:230px}.search{position:relative;display:flex;align-items:center}.search svg{position:absolute;left:9px;color:var(--text-muted);pointer-events:none}.search .input{padding-left:30px}.segmented{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px;gap:2px}.segmented button{border:none;background:transparent;padding:4px 9px;border-radius:4px;cursor:pointer;font-size:12.5px;font-weight:560;color:var(--text-secondary)}.segmented button:hover{color:var(--text-primary)}.segmented button.on{background:var(--surface-1);color:var(--text-primary);box-shadow:var(--shadow)}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-1);font-size:12.5px;font-weight:560;cursor:pointer;color:var(--text-secondary)}.chip:hover{background:var(--surface-2);color:var(--text-primary)}.chip.on{background:var(--surface-3);color:var(--text-primary);border-color:var(--border-strong)}.chip-count{font-family:var(--mono);font-size:11px;color:var(--text-muted)}.chip.on .chip-count{color:var(--text-secondary)}.chart-box{position:relative;width:100%}.uplot,.u-wrap{width:100%!important}.u-title{display:none}.chart-legend{display:flex;gap:16px;flex-wrap:wrap;align-items:center;padding:0 2px 10px;font-size:12.5px}.legend-item{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary)}.legend-swatch{width:11px;height:3px;border-radius:2px;flex-shrink:0}.legend-swatch.dashed{height:0;border-top:2px dashed currentColor;width:13px;border-radius:0}.chart-empty{display:grid;place-items:center;color:var(--text-muted);font-size:13px;border:1px dashed var(--border-strong);border-radius:var(--radius)}.tip{position:absolute;pointer-events:none;z-index:20;background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:0 4px 14px #00000021;padding:8px 10px;font-size:12.5px;min-width:158px;transform:translate(-50%,-100%)}.tip-time{color:var(--text-muted);font-size:11.5px;margin-bottom:5px}.tip-row{display:flex;align-items:center;gap:7px;justify-content:space-between;line-height:1.7}.tip-key{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary)}.tip-val{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:600}.small-multiples{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(232px,1fr))}.sm-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;background:var(--surface-1)}.sm-card.is-down{border-color:color-mix(in srgb,var(--critical) 45%,transparent);background:color-mix(in srgb,var(--critical) 5%,var(--surface-1))}.sm-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.sm-name{font-family:var(--mono);font-size:11.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-val{font-family:var(--mono);font-size:11.5px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.heat{display:grid;grid-template-columns:auto repeat(24,minmax(0,1fr));gap:2px;align-items:center}.heat-cell{aspect-ratio:1;border-radius:2px;min-height:13px;cursor:default}.heat-lbl{font-size:10.5px;color:var(--text-muted);padding-right:7px;text-align:right;white-space:nowrap}.heat-hour{font-size:9.5px;color:var(--text-muted);text-align:center;font-family:var(--mono)}.heat-scale{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--text-muted);margin-top:10px}.heat-scale-bar{display:flex;gap:2px}.heat-scale-bar i{width:17px;height:9px;border-radius:2px;display:block}.empty{padding:44px 20px;text-align:center;color:var(--text-muted)}.empty svg{margin-bottom:10px;opacity:.45}.muted{color:var(--text-muted)}.dim{color:var(--text-secondary)}.tiny{font-size:11.5px}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;gap:8px}.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.trend-up{color:var(--critical);font-weight:600}.trend-down{color:var(--good);font-weight:600}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:sk 1.3s ease infinite;border-radius:var(--radius-sm)}@keyframes sk{0%{background-position:100% 50%}to{background-position:0 50%}}.refreshing{opacity:.55;transition:opacity .18s}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-muted);margin-bottom:8px;flex-wrap:wrap}.breadcrumb a:hover{color:var(--text-primary);text-decoration:underline}.kv{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;font-size:13px}.kv dt{color:var(--text-muted)}.kv dd{margin:0;font-weight:540}.banner{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-radius:var(--radius-sm);border:1px solid;font-size:13px}.banner-critical{color:var(--critical);background:color-mix(in srgb,var(--critical) 8%,transparent);border-color:color-mix(in srgb,var(--critical) 28%,transparent)}.banner svg{flex-shrink:0;margin-top:1px}.banner strong{color:var(--text-primary)}.pager{display:flex;gap:8px;align-items:center;justify-content:center;padding:14px}.btn{padding:6px 13px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-1);cursor:pointer;font-size:13px;font-weight:560;color:var(--text-secondary)}.btn:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.btn:disabled{opacity:.42;cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.header-inner{padding:0 12px;gap:10px}.brand-sub{display:none}.main{padding:16px 12px 48px}.stat-value{font-size:23px}.grid-2{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}table.data th.sortable{padding:0}table.data th.sortable .th-btn{display:inline-flex;align-items:center;gap:5px;width:100%;background:none;border:none;cursor:pointer;padding:9px 12px;font:inherit;font-size:11.5px;font-weight:600;letter-spacing:.045em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}table.data th.sortable.num .th-btn{justify-content:flex-end}table.data th.sortable .th-btn:hover{color:var(--text-primary);background:var(--surface-2)}table.data th.sortable .th-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--series-in) 55%,transparent);outline-offset:-2px}table.data th.sortable.sorted .th-btn{color:var(--text-primary)}.sort-arrow{opacity:.32;flex-shrink:0;transition:opacity .12s}table.data th.sortable .th-btn:hover .sort-arrow{opacity:.6}.sort-arrow.on{opacity:1;color:var(--series-in)}.lang{position:relative}.lang-btn{padding:0}.lang-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:186px;background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:0 8px 24px #00000024;padding:4px;display:flex;flex-direction:column;gap:2px}.lang-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;font-size:13.5px;font-weight:520;color:var(--text-secondary);text-align:left}.lang-item:hover{background:var(--surface-2);color:var(--text-primary)}.lang-item.on{background:var(--surface-3);color:var(--text-primary);font-weight:600}.lang-item:focus-visible{outline:2px solid color-mix(in srgb,var(--series-in) 55%,transparent);outline-offset:-2px}.lang-check{margin-left:auto;color:var(--good);flex-shrink:0}.src{position:relative;flex-shrink:0}.src-tag{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);padding:2px 7px;border:1px solid var(--border);border-radius:5px;text-transform:uppercase}.src-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px 3px 9px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);cursor:pointer;font-size:11.5px;font-weight:700;letter-spacing:.05em;color:var(--text-secondary);text-transform:uppercase}.src-btn:hover{background:var(--surface-3);color:var(--text-primary)}.src-caret{transform:rotate(90deg);opacity:.55}.src-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:60;min-width:176px;background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:0 8px 24px #00000024;padding:4px;display:flex;flex-direction:column;gap:2px}.src-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 10px;border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;font-size:13.5px;font-weight:540;color:var(--text-secondary);text-align:left}.src-item:hover{background:var(--surface-2);color:var(--text-primary)}.src-item.on{background:var(--surface-3);color:var(--text-primary);font-weight:640}.src-check{margin-left:auto;color:var(--good)}.cap-observed{border-bottom:1px dashed color-mix(in srgb,var(--warning) 70%,transparent);cursor:help}.traffic-cell{display:flex;flex-direction:column;gap:2px;min-width:132px}.traffic-abs{font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-muted);text-align:right;padding-right:2px}.unit-pick{display:inline-flex;align-items:center;gap:7px}.unit-lbl{font-size:12px;color:var(--text-muted);white-space:nowrap}.ix-tile{position:relative;transition:border-color .12s}.ix-tile:hover{border-color:var(--border-strong)}.ix-go{margin-left:auto;opacity:.4}.ix-tile:hover .ix-go{opacity:.8}.ix-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0;margin-right:6px;vertical-align:-1px}.peak-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.peak-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;background:var(--surface-1)}.peak-head{display:flex;align-items:center;gap:2px;margin-bottom:10px;font-size:13px}.peak-name{font-weight:620}.peak-max{margin-left:auto;font-family:var(--mono);font-size:11.5px;color:var(--text-muted)}.peak-bars{display:flex;align-items:flex-end;gap:2px;height:104px}.peak-slot{flex:1;height:100%;display:flex;align-items:flex-end;min-width:3px}.peak-bar{width:100%;border-radius:2px 2px 0 0;transition:height .2s}.peak-axis{display:flex;justify-content:space-between;font-size:10.5px;color:var(--text-muted);margin-top:6px;font-family:var(--mono)}