:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f9f9f7;--surface:#fcfcfb;--ink:#0b0b0b;--ink-2:#52514e;--ink-3:#898781;--rule:#e1e0d9;--border:#0b0b0b1a;--accent:#2a78d6;--accent-ink:#fff;--good:#0ca30c;--warning:#fab219;--serious:#ec835a;--critical:#d03b3b}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0d0d0d;--surface:#1a1a19;--ink:#fff;--ink-2:#c3c2b7;--ink-3:#898781;--rule:#2c2c2a;--border:#ffffff1a;--accent:#3987e5;--accent-ink:#0b0b0b}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5}.mono{font-family:ui-monospace,SF Mono,Cascadia Code,Roboto Mono,Menlo,monospace}a{color:var(--accent)}.shell{max-width:1320px;margin:0 auto;padding:28px 32px 80px}@media (max-width:640px){.shell{padding:18px 16px 60px}}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;display:flex}.brand{flex-direction:column;gap:2px;display:flex}.brand .eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.brand h1{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:800}.controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.live{color:var(--critical);align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.live .dot{background:var(--critical);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}@media (prefers-reduced-motion:reduce){.live .dot{animation:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.rangebar{gap:4px;font-size:12.5px;display:flex;position:relative}.daterange-menu{gap:12px;width:260px;padding:14px}.daterange-field{flex-direction:column;gap:4px;font-size:12px;display:flex}.daterange-field label{color:var(--ink-3);font-size:11px}.daterange-field input{font:inherit;border:1px solid var(--rule);background:var(--surface);color:var(--ink);border-radius:6px;padding:6px 8px;font-size:12.5px}.daterange-apply{background:var(--accent);color:var(--accent-ink);text-align:center;border-top:none;border-radius:7px;margin-top:4px;font-weight:600}.rangebar button{font:inherit;border:1px solid var(--rule);color:var(--ink-2);cursor:pointer;background:0 0;border-radius:7px;padding:6px 13px}.rangebar button.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.panel{border:1px solid var(--rule);background:var(--surface);border-radius:14px;margin-bottom:20px;overflow:hidden}.panel .panel-head{justify-content:space-between;align-items:baseline;gap:12px;padding:16px 20px 4px;display:flex}.panel h2{margin:0;font-size:14px;font-weight:700}.panel .panel-sub{color:var(--ink-3);font-size:11.5px}.panel-head-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.qoe-good{color:var(--good)}.qoe-watch{color:#8a5a00}@media (prefers-color-scheme:dark){.qoe-watch{color:var(--warning)}}.qoe-critical{color:var(--critical);font-weight:700}.panel .panel-body{padding:12px 20px 20px}.panel .panel-error{color:var(--critical);padding:16px 20px;font-size:13px}.tilerow{background:var(--rule);border:1px solid var(--rule);border-radius:14px;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:20px;display:grid;overflow:hidden}@media (max-width:900px){.tilerow{grid-template-columns:repeat(2,1fr)}}.filtered-kpi-label{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:-6px 0 10px 2px;font-size:11px;font-weight:700}.tile{background:var(--surface);padding:16px 18px}.tile .tlabel{color:var(--ink-3);margin-bottom:8px;font-size:11.5px}.tile .tval{letter-spacing:-.01em;font-size:24px;font-weight:800}.chip{border-radius:20px;align-items:center;gap:6px;margin-top:9px;padding:2px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.chip .d{border-radius:50%;width:6px;height:6px}.chip.good{background:color-mix(in srgb, var(--good) 15%, transparent);color:var(--good)}.chip.good .d{background:var(--good)}.chip.watch{background:color-mix(in srgb, var(--warning) 22%, transparent);color:#8a5a00}.chip.watch .d{background:var(--warning)}@media (prefers-color-scheme:dark){.chip.watch{color:var(--warning)}}.chip.critical{background:color-mix(in srgb, var(--critical) 15%, transparent);color:var(--critical)}.chip.critical .d{background:var(--critical)}.spark{margin-top:10px;display:block}.gridrow{grid-template-columns:1.2fr 1fr;gap:20px;display:grid}@media (max-width:980px){.gridrow{grid-template-columns:1fr}}.tablewrap{overflow-x:auto}.tablewrap-scroll{max-height:480px;overflow-y:auto}.tablewrap-scroll thead th{background:var(--surface);z-index:1;position:sticky;top:0}table{border-collapse:collapse;width:100%;min-width:480px;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--rule);vertical-align:top;padding:8px 10px}thead th{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px;font-weight:600}tbody tr:last-child td{border-bottom:none}td.num,th.num{font-variant-numeric:tabular-nums;text-align:right}.viewer-id{word-break:break-all;max-width:220px}.cause{color:var(--ink-2);word-break:break-word;max-width:360px;font-size:12px}.barlist{flex-direction:column;gap:10px;display:flex}.barrow{grid-template-columns:96px 1fr 60px;align-items:center;gap:10px;font-size:12px;display:grid}.barrow .lbl{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.barrow .track{background:var(--rule);border-radius:4px;height:14px;position:relative;overflow:hidden}.barrow .fill{background:var(--accent);border-radius:4px;position:absolute;inset:0 auto 0 0}.barrow .val{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-2)}.empty{color:var(--ink-3);padding:8px 0;font-size:13px}.footnote{color:var(--ink-3);margin-top:10px;font-size:11.5px}.titlefilter{position:relative}.titlefilter-trigger{font:inherit;border:1px solid var(--rule);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:7px;align-items:center;gap:8px;max-width:220px;padding:6px 12px;font-size:12.5px;display:inline-flex}.tf-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tf-chevron{color:var(--ink-3);font-size:10px}.titlefilter-menu{background:var(--surface);border:1px solid var(--rule);width:320px;max-height:360px;box-shadow:0 8px 24px var(--border);z-index:20;border-radius:10px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.tf-search{font:inherit;border:none;border-bottom:1px solid var(--rule);color:var(--ink);background:0 0;padding:10px 14px;font-size:13px}.tf-search:focus{outline:none}.tf-options{padding:6px;overflow-y:auto}.tf-option{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:7px 8px;font-size:12.5px;display:flex}.tf-option:hover{background:var(--border)}.tf-option input{flex:none}.tf-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tf-views{color:var(--ink-3);font-size:11px}.tf-clear{font:inherit;border:none;border-top:1px solid var(--rule);color:var(--accent);cursor:pointer;text-align:left;background:0 0;padding:9px 14px;font-size:12px}.trendgrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (max-width:900px){.trendgrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.trendgrid{grid-template-columns:1fr}}.trendtile{border:1px solid var(--rule);border-radius:10px;padding:12px 14px 10px}.trendtile-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.tt-label{color:var(--ink-2);font-size:12px;font-weight:600}.tt-value{font-size:14px;font-weight:700}.tt-axis{color:var(--ink-3);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:2px;font-size:10px;display:flex}.trendchart-svgwrap{position:relative}.trendchart-svgwrap svg{cursor:crosshair;display:block}.tt-ytick{fill:var(--ink-3);font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Cascadia Code,Roboto Mono,Menlo,monospace;font-size:9px}.trend-tooltip{pointer-events:none;background:var(--surface);border:1px solid var(--rule);box-shadow:0 4px 12px var(--border);white-space:nowrap;z-index:5;border-radius:6px;padding:4px 8px;position:absolute;transform:translate(-50%,-100%)translateY(-10px)}.tt-tooltip-value{font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.tt-tooltip-date{color:var(--ink-3);font-size:10px}.cdn-insight-list{flex-direction:column;gap:8px;height:110px;padding:8px 4px 2px 0;display:flex;overflow-y:auto}.cdn-insight-row{flex:none;grid-template-columns:1fr auto auto;align-items:baseline;gap:8px;font-size:12px;display:grid}.cir-dim{color:var(--ink-3);font-size:10.5px}.cir-val{color:var(--ink-2);text-align:right}.cir-score{text-align:right;min-width:32px;font-weight:700}