:root{--page: #ffffff;--surface-1: #ffffff;--surface-2: #f7f8fa;--ink: #101418;--ink-2: #4b5563;--muted: #8a9099;--grid: #e7e9ee;--baseline: #c6cbd4;--border: #e3e6eb;--series-1: #2a78d6;--seq-100: #cde2fb;--seq-300: #6da7ec;--seq-400: #3987e5;--seq-500: #256abf;--seq-600: #184f95;--seq-700: #0d366b;--status-good: #0ca30c;--status-warning: #fab219;--status-serious: #ec835a;--status-critical: #d03b3b;--delta-good: #006300;--accent: #b3261e}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--page);color:var(--ink);font-size:14px;line-height:1.45}a{color:inherit}button{font:inherit}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:14px 16px;box-shadow:0 1px 2px #1014180a}.card h3{font-size:13.5px;font-weight:700;margin-bottom:2px}.card .card-sub{font-size:11.5px;color:var(--muted);margin-bottom:10px}.card-head{display:flex;align-items:baseline;gap:8px}.card-head .spacer{flex:1}.grid{display:grid;gap:12px}.grid.kpi{grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}.grid.two{grid-template-columns:1.4fr 1fr;align-items:start}@media(max-width:1100px){.grid.two{grid-template-columns:1fr}}.view-title{font-size:18px;font-weight:700;margin-bottom:2px}.view-sub{color:var(--ink-2);font-size:12.5px;margin-bottom:14px}.btn{font-weight:600;font-size:13px;background:var(--series-1);color:#fff;border:none;padding:8px 16px;border-radius:9px;cursor:pointer}.btn:hover{background:var(--seq-500)}.btn.secondary{background:transparent;color:var(--ink);border:1px solid var(--border)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{font-size:11.5px;color:var(--ink-2);background:none;border:1px solid var(--border);border-radius:7px;padding:3px 9px;cursor:pointer}.btn-ghost:hover{background:var(--surface-2)}.status{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;border-radius:999px;padding:2.5px 9px;white-space:nowrap}.status .dot-ic{font-size:10px}.status.good{background:#0ca30c1f;color:var(--delta-good)}.status.warning{background:#fab2192e;color:#7a5200}.status.serious{background:#ec835a29;color:#9c3d14}.status.critical{background:#d03b3b21;color:#a02020}.status.neutral{background:#8a909924;color:var(--ink-2)}.ver-badge{font-size:10px;font-weight:700;letter-spacing:.03em;border:1px solid var(--border);border-radius:5px;padding:1.5px 6px;color:var(--muted)}.ver-badge.official{color:var(--delta-good);border-color:#0ca30c66}.hang-chip{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;border-radius:6px;padding:2px 8px;border:1px solid transparent;letter-spacing:.02em}.hang-chip.mini{padding:0 5px;font-size:10px}.hang-chip.hA{background:#0ca30c1f;color:var(--delta-good);border-color:#0ca30c59}.hang-chip.hB{background:#2a78d61a;color:var(--seq-600);border-color:#2a78d64d}.hang-chip.hC{background:#fab21929;color:#7a5200;border-color:#fab21973}.hang-chip.hD{background:#d03b3b1f;color:#a02020;border-color:#d03b3b66}.chart-wrap{position:relative}.chart-wrap svg{display:block;width:100%;height:auto}.chart-wrap svg text{font-family:inherit}.legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;font-size:11.5px;color:var(--ink-2)}.legend .li{display:inline-flex;align-items:center;gap:6px}.legend .sw{width:14px;height:3px;border-radius:2px}.legend .sw.box{height:10px;border-radius:3px}.viz-tooltip{position:fixed;z-index:50;pointer-events:none;background:var(--ink);color:#fff;border-radius:8px;padding:7px 10px;font-size:12px;box-shadow:0 4px 14px #00000040;max-width:260px}.viz-tooltip .tt-title{font-weight:700;margin-bottom:2px}.viz-tooltip .tt-row{display:flex;gap:10px;justify-content:space-between}table.data{width:100%;border-collapse:collapse;font-size:12.5px}table.data th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700;padding:7px 8px;border-bottom:1px solid var(--grid)}table.data td{padding:8px;border-bottom:1px solid var(--grid);vertical-align:middle}table.data td.num,table.data th.num{text-align:right;font-variant-numeric:tabular-nums}table.data tr:hover td{background:var(--surface-2)}.note-strip{background:#fab2191a;border:1px solid rgba(250,178,25,.45);border-radius:9px;padding:8px 12px;font-size:12px;color:var(--ink-2);margin-bottom:14px}.footer-note{margin-top:22px;font-size:11px;color:var(--muted)}.code-block{background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:10px 12px;font-family:ui-monospace,Consolas,monospace;font-size:11.5px;overflow-x:auto;white-space:pre;color:var(--ink)}.pill-get{font-family:ui-monospace,Consolas,monospace;font-size:10.5px;font-weight:700;color:var(--delta-good);border:1px solid rgba(12,163,12,.4);padding:1px 7px;border-radius:5px}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;margin:16px 0 8px}.spec dl{display:grid;grid-template-columns:148px 1fr;gap:6px 10px;font-size:12.5px}.spec dt{color:var(--muted)}.spec dd{color:var(--ink)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%) translateY(90px);background:var(--ink);color:#fff;border-radius:10px;padding:11px 18px;font-size:13px;z-index:99;transition:transform .25s ease;box-shadow:0 6px 18px #0000004d;max-width:90vw}.toast.show{transform:translate(-50%) translateY(0)}