:root{--bg:#070b12;--bg-2:#0b111b;--glass:#1219239e;--glass-strong:#161e2ac7;--line:#ffffff12;--line-soft:#ffffff0b;--fg:#e8f0f8;--fg-2:#93a3b8;--fg-3:#64748b;--neon:#4cc9f0;--neon-2:#7c5cff;--mint:#2ee6a8;--amber:#ffb454;--rose:#ff5d7a;--r:14px;--gap:16px}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;min-height:100%;margin:0;padding-bottom:48px;font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";filter:blur(10px);pointer-events:none;z-index:0;background:radial-gradient(48% 40% at 18% 0,#4cc9f029,#0000 70%),radial-gradient(42% 38% at 82% 4%,#7c5cff24,#0000 70%),radial-gradient(60% 30% at 50% 0,#2ee6a80d,#0000 70%);height:70vh;position:fixed;inset:-20% -10% auto}body:after{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:46px 46px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(120% 80% at 50% 0,#000 20%,#0000 75%);mask-image:radial-gradient(120% 80% at 50% 0,#000 20%,#0000 75%)}body>*{z-index:1;position:relative}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.dim{color:var(--fg-2)}.hero{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:linear-gradient(#101721c7,#0a0f1780);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:24px 26px 22px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";filter:drop-shadow(0 0 7px #4cc9f059);background:linear-gradient(90deg,#0000 0%,#4cc9f02e 18%,#4cc9f080 42%,#7c5cff6b 62%,#7c5cff26 84%,#0000 100%);height:1px;position:absolute;bottom:-1px;left:0;right:0}.hero-left{min-width:0}.hero-ip{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.hero-ip .ip{letter-spacing:.5px;color:var(--mint);text-shadow:0 0 18px #2ee6a873,0 0 44px #2ee6a82e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:36px;font-weight:600}.hero-label{color:var(--fg-3);text-transform:uppercase;letter-spacing:1.4px;font-size:11px;font-weight:600}.hero-model{color:var(--fg);text-shadow:0 0 18px #e8f0f81f;margin-top:6px;font-size:15px;font-weight:550}.hero-sub{color:var(--fg-2);margin-top:3px;font-size:12.5px}.hero-ips{color:var(--fg-2);flex-direction:column;gap:3px;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;display:flex}.hero-ips b{color:var(--fg);font-weight:600}.hero-ips i{color:var(--fg-3);font-style:normal}.pulse{background:var(--mint);border-radius:50%;flex:none;align-self:center;width:10px;height:10px;animation:2.2s ease-out infinite pulse;box-shadow:0 0 10px #2ee6a8e6,0 0 24px #2ee6a873}@keyframes pulse{0%{box-shadow:0 0 #2ee6a88c,0 0 10px #2ee6a8e6}70%{box-shadow:0 0 0 12px #2ee6a800,0 0 10px #2ee6a8e6}to{box-shadow:0 0 #2ee6a800,0 0 10px #2ee6a8e6}}.hero-right{flex-wrap:wrap;justify-self:end;align-items:center;gap:9px;display:flex}select,input,button{color:var(--fg);border:1px solid var(--line);background:#0e141db8;border-radius:10px;outline:none;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .18s,box-shadow .18s,background .18s}select:hover,input:hover,button:hover{border-color:#4cc9f073}select:focus,input:focus{border-color:var(--neon);box-shadow:0 0 0 3px #4cc9f029,0 0 18px #4cc9f038}button{cursor:pointer}button:hover{color:#fff;box-shadow:0 0 18px #4cc9f038}input[type=search]{width:230px}.card{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--r);min-width:0;padding:16px 18px 18px;position:relative;box-shadow:inset 0 1px #ffffff0a,0 18px 40px -28px #000000e6}.card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,#ffffff0d,#0000 42%);position:absolute;inset:0}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.card-head h2{color:var(--fg-2);text-transform:uppercase;letter-spacing:1.3px;margin:0;font-size:11.5px;font-weight:650}.hint{color:var(--fg-3);font-size:12px}.stats{gap:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;padding:20px 26px 0;display:grid}.stat{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;padding:15px 17px 16px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 18px 40px -30px #000000e6}.stat:after{content:"";background:linear-gradient(180deg, var(--neon) 0%, var(--neon-2) 55%, transparent 100%);opacity:.6;filter:blur(.4px);width:2px;position:absolute;top:0;bottom:0;left:0}.stat .label{color:var(--fg-3);text-transform:uppercase;letter-spacing:1.2px;font-size:10.5px;font-weight:600}.stat .value{font-variant-numeric:tabular-nums;letter-spacing:-.5px;margin-top:5px;font-size:28px;font-weight:620}.stat .extra{color:var(--fg-3);margin-top:2px;font-size:11.5px}.delta{font-size:14px;font-weight:600}.delta.up{color:var(--amber)}.delta.down{color:var(--mint)}.up{color:var(--amber)}.down{color:var(--mint)}.mix{background:#ffffff0a;border-radius:3px;height:5px;margin-top:auto;padding-top:12px;display:flex;overflow:hidden;box-shadow:0 0 14px -4px #4cc9f073}.mix .seg{height:100%;display:block}.mix .fresh{background:linear-gradient(90deg,#4cc9f0f2 0%,#7c5cffe6 88%,#7c5cff8c 100%)}.mix .cache{background:linear-gradient(90deg,#7c5cff59,#94a3b842)}.mix-legend{color:var(--fg-3);margin-top:6px;font-size:11px}.grid-main{gap:var(--gap);margin:var(--gap) 26px 0;grid-template-columns:minmax(0,2.05fr) minmax(0,1fr);align-items:stretch;display:grid}.grid-main .chart-card{flex-direction:column;min-width:0;display:flex}.chart-card,.grid3,.details{margin:var(--gap) 26px 0}.grid-main .chart-card{margin:0}.grid3{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.grid3 .card{flex-direction:column;display:flex}.grid2{gap:var(--gap);margin-bottom:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.grid2 .card{flex-direction:column;display:flex}.bars{flex-direction:column;flex:1;gap:11px;display:flex}.bar-row{grid-template-columns:170px minmax(60px,1fr) 104px;align-items:center;gap:14px;display:grid}.bar-label{text-overflow:ellipsis;white-space:nowrap;color:var(--fg);font-size:13px;overflow:hidden}.bar-track{background:#ffffff0d;border-radius:5px;height:8px;overflow:visible}.bar-fill{height:100%;filter:drop-shadow(0 0 7px var(--glow,#4cc9f073));background:linear-gradient(90deg,#4cc9f0f2,#7c5cffd9);border-radius:5px;transition:width .4s;display:block}.bar-value{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--fg-2);text-align:right;font-size:12.5px}.bar-value b{color:var(--fg);font-weight:600}.bars-more{color:var(--fg-3);margin-top:2px;font-size:12px}.now-dot{background:var(--mint);border-radius:50%;flex:none;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 8px #2ee6a8e6}.bar-row:has(.now-dot) .bar-fill{--glow:#2ee6a88c;background:linear-gradient(90deg,#2ee6a8f2,#4cc9f0cc)}.insights{flex-direction:column;gap:12px;min-width:0;display:flex}.insight{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-left:2px solid var(--neon);color:var(--fg);border-radius:12px;padding:12px 15px;font-size:13px;box-shadow:0 0 26px -14px #4cc9f0b3}.insight b{color:#fff;font-weight:620}.chart-wrap{flex:1;width:100%;display:flex;overflow:hidden}.chart-wrap svg{width:100%;height:auto;display:block;overflow:visible}.chart-wrap rect:not(.hoverrect){filter:drop-shadow(0 0 6px #4cc9f052)}.legend{color:var(--fg-2);flex-wrap:wrap;align-items:center;gap:14px;font-size:12px;display:flex}.legend span.i{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:3px;width:9px;height:9px;display:inline-block;box-shadow:0 0 8px}.scale-badge{letter-spacing:.8px;text-transform:uppercase;color:var(--neon);background:#4cc9f014;border:1px solid #4cc9f04d;border-radius:20px;padding:2px 7px;font-size:10px;font-weight:650}.gridline{stroke:#ffffff0e;stroke-width:1px}.axis{fill:var(--fg-3);font-size:10px}.hoverrect{fill:#0000}.hoverrect:hover{fill:#ffffff09}.details{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--r);padding:0 18px;box-shadow:0 18px 40px -30px #000000e6}.details>summary{cursor:pointer;color:var(--fg-2);text-transform:uppercase;letter-spacing:1.3px;padding:14px 0;font-size:11.5px;font-weight:650;list-style:none}.details>summary::-webkit-details-marker{display:none}.details>summary:before{content:"▸ ";color:var(--neon)}.details[open]>summary:before{content:"▾ "}.details>summary:hover{color:var(--fg)}.details-body{padding-bottom:18px}.details-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.details-filters label{color:var(--fg-3);align-items:center;gap:7px;font-size:12px;display:flex}.scroll{max-height:340px;overflow:auto}.scroll.tall{max-height:520px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:right;white-space:nowrap;padding:8px 9px}th{z-index:1;color:var(--fg-3);text-transform:uppercase;letter-spacing:.7px;border-bottom:1px solid var(--line);background:#121924;font-size:11px;font-weight:600;position:sticky;top:0}th:first-child,td:first-child,th.l,td.l{text-align:left}td{border-bottom:1px solid var(--line-soft);font-variant-numeric:tabular-nums}tbody tr:hover{background:#4cc9f00f}tr.clickable{cursor:pointer}.pill{color:var(--fg-2);background:#4cc9f01a;border:1px solid #4cc9f029;border-radius:20px;margin-right:4px;padding:1px 8px;font-size:11px;display:inline-block}.dot{background:var(--amber);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.dot.ok{background:var(--mint);box-shadow:0 0 8px #2ee6a8cc}.ipcell{color:var(--mint);text-shadow:0 0 12px #2ee6a859}.empty{color:var(--fg-3);text-align:center;padding:16px 0}.foot{color:var(--fg-3);padding:18px 26px 0;font-size:12px}.tip{pointer-events:none;z-index:50;border:1px solid var(--line);color:var(--fg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080c12f0;border-radius:10px;max-width:320px;padding:9px 11px;font-size:12px;display:none;position:fixed;box-shadow:0 12px 30px #0009,0 0 24px -10px #4cc9f080}.tip .r{justify-content:space-between;gap:14px;display:flex}.tip .r span:last-child{font-variant-numeric:tabular-nums}.tip h4{color:var(--neon);margin:0 0 6px;font-size:12.5px}@media (max-width:1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3,.grid2{grid-template-columns:1fr}}@media (max-width:700px){.stats,.hero{grid-template-columns:1fr}.hero-right{justify-self:start}}
