:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#f5f7fb;background:#070910;font-synthesis:none;--bg: #070910;--panel: #0f131d;--panel2: #121824;--line: rgba(255,255,255,.075);--muted: #7d879a;--muted2: #aab2c0;--cyan: #5ce1e6;--violet: #9c82ff;--blue: #6da7ff;--green: #66dda8;--red: #ff6174}*{box-sizing:border-box}body{margin:0;min-width:1180px;min-height:100vh;background:radial-gradient(circle at 15% -10%,rgba(54,93,130,.16),transparent 28%),radial-gradient(circle at 80% 0%,rgba(105,69,151,.1),transparent 24%),var(--bg)}button,input,select{font:inherit}button{color:inherit}.app-shell{max-width:1680px;margin:0 auto;padding:0 32px 42px}.topbar{height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.08em}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#5ce1e633,#5ce1e60d);color:var(--cyan);border:1px solid rgba(92,225,230,.25);box-shadow:inset 0 1px #ffffff14}.brand strong{display:block;font-size:13px;line-height:1.1}.brand span{display:block;color:var(--muted);font-size:9px;margin-top:4px;letter-spacing:.26em}.top-status{justify-self:center;display:flex;gap:8px;align-items:center;padding:8px 13px;border-radius:99px;background:#66dda814;color:#9cebc8;border:1px solid rgba(102,221,168,.15);font-size:10px;font-weight:700;letter-spacing:.11em}.top-status i,.live-count i,.mini-live i,.service-status i,.mount-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px #66dda814,0 0 12px #66dda873}.top-status.bad{color:#ff98a4;background:#ff617414;border-color:#ff61742e}.top-status.bad i{background:var(--red)}.top-meta{justify-self:end;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.top-meta strong{color:#d4dae4;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:11px}.demo-chip{background:#9c82ff24;color:#b9a8ff;padding:4px 6px;border-radius:5px;font-weight:700}.alert-banner{margin:18px 0 -5px;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(255,97,116,.22);background:#ff617412;border-radius:10px;color:#ffb1ba;font-size:12px}.alert-banner button{margin-left:auto;display:flex;gap:7px;align-items:center;background:transparent;border:0;color:#fff;cursor:pointer}.toast{position:fixed;right:28px;top:86px;z-index:50;background:#172332;border:1px solid rgba(92,225,230,.25);padding:12px 16px;border-radius:10px;box-shadow:0 14px 45px #00000061;font-size:12px}.hero-head{padding:34px 2px 24px;display:flex;justify-content:space-between;align-items:flex-end}.eyebrow{display:block;color:#677187;font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.16em;margin-bottom:7px}h1,h2,p{margin:0}h1{font-size:29px;letter-spacing:-.035em;font-weight:700}h2{font-size:15px;letter-spacing:-.015em;font-weight:650}.hero-head p{color:var(--muted);font-size:12px;margin-top:7px}.mount-chip{min-width:170px;display:flex;align-items:center;gap:11px;padding:10px 13px;background:#ffffff06;border:1px solid var(--line);border-radius:10px}.mount-chip small{display:block;color:var(--muted);font-size:9px;margin-bottom:3px}.mount-chip strong{font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric-card{min-height:146px;position:relative;padding:16px 17px;border-radius:13px;background:linear-gradient(145deg,#ffffff06,#ffffff02),var(--panel);border:1px solid var(--line);overflow:hidden;box-shadow:inset 0 1px #ffffff06}.metric-card:after{content:"";position:absolute;inset:auto -15% -65% 30%;height:130px;border-radius:50%;filter:blur(35px);opacity:.13;background:var(--accent);pointer-events:none}.metric-card.accent-cyan{--accent:var(--cyan)}.metric-card.accent-violet{--accent:var(--violet)}.metric-card.accent-blue{--accent:var(--blue)}.metric-card.accent-green{--accent:var(--green)}.metric-top{height:29px;display:flex;justify-content:space-between}.metric-icon{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent);border:1px solid color-mix(in srgb,var(--accent) 16%,transparent)}.mini-live{color:#8ee9c1;font-size:8px;text-transform:uppercase;font-weight:800;letter-spacing:.1em;display:flex;align-items:center;gap:6px}.mini-live i{width:5px;height:5px;border-radius:50%;background:var(--green)}.metric-value{margin-top:14px;font-size:28px;line-height:1;font-weight:750;letter-spacing:-.05em}.metric-label{margin-top:8px;font-size:11px;font-weight:650;color:#d4d9e2}.metric-hint{margin-top:4px;font-size:9px;color:var(--muted)}.panel{background:linear-gradient(145deg,#ffffff05,#ffffff02),var(--panel);border:1px solid var(--line);border-radius:13px;box-shadow:inset 0 1px #ffffff05}.now-playing{min-height:72px;margin-top:13px;padding:12px 16px;display:flex;align-items:center;gap:13px;overflow:hidden}.now-icon{flex:0 0 40px;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:var(--violet);background:#9c82ff17;border:1px solid rgba(156,130,255,.14)}.now-copy{min-width:0;width:min(50%,650px)}.now-copy .eyebrow{margin-bottom:4px}.now-copy strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-copy small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.now-tech{margin-left:auto;display:flex;align-items:center;gap:10px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:9px;color:#8994a8}.now-tech i{width:3px;height:3px;border-radius:50%;background:#465063}.equalizer{height:32px;width:64px;display:flex;align-items:center;justify-content:flex-end;gap:3px;margin-left:8px}.equalizer i{width:3px;border-radius:4px;background:linear-gradient(180deg,var(--cyan),rgba(92,225,230,.24));animation:eq 1s ease-in-out infinite alternate}.equalizer i:nth-child(1){height:8px}.equalizer i:nth-child(2){height:21px;animation-delay:.2s}.equalizer i:nth-child(3){height:13px;animation-delay:.35s}.equalizer i:nth-child(4){height:27px;animation-delay:.1s}.equalizer i:nth-child(5){height:17px;animation-delay:.45s}.equalizer i:nth-child(6){height:23px;animation-delay:.27s}.equalizer i:nth-child(7){height:10px;animation-delay:.5s}@keyframes eq{to{height:8px;opacity:.6}}.audience-panel{margin-top:13px;padding:17px 18px 8px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head .eyebrow{margin-bottom:5px}.chart-head{align-items:flex-start}.range-switch{display:flex;gap:2px;padding:3px;background:#0a0d14;border:1px solid var(--line);border-radius:8px}.range-switch button{min-width:43px;padding:6px 8px;border-radius:6px;border:0;background:transparent;color:#697386;font-size:9px;font-weight:650;cursor:pointer;transition:.2s}.range-switch button:hover{color:#cbd2de}.range-switch button.active{background:#1a202d;color:#eff3f8;box-shadow:inset 0 1px #ffffff0a}.chart-summary{display:flex;gap:16px;margin:14px 0 0;color:#677186;font-size:9px}.chart-summary b{color:#d6dce6;font-weight:650}.muted{margin-left:auto}.chart-stage{height:282px;margin-top:2px}.content-grid{margin-top:13px;display:grid;grid-template-columns:minmax(0,2.4fr) minmax(310px,.8fr);gap:13px;align-items:start}.listeners-panel,.country-panel,.health-panel,.server-panel{padding:17px 18px}.live-count{display:flex;align-items:center;gap:7px;color:#748096;font-size:9px}.live-count i{width:5px;height:5px}.listener-tools{display:grid;grid-template-columns:1fr 168px;gap:8px;margin:15px 0 9px}.search-box,.select-box{height:35px;border:1px solid var(--line);background:#0a0e16;border-radius:8px;display:flex;align-items:center;color:#606b80}.search-box{padding:0 11px;gap:8px}.search-box input{width:100%;border:0;background:transparent;color:#dce1e9;outline:none;font-size:10px}.search-box input::placeholder{color:#4e586a}.select-box{position:relative;padding-left:10px}.select-box select{appearance:none;border:0;background:transparent;outline:0;color:#8791a2;width:100%;height:100%;font-size:9px}.select-box svg{position:absolute;right:9px;pointer-events:none}.listener-list{display:flex;flex-direction:column;gap:5px;max-height:436px;overflow:auto;padding-right:3px}.listener-list::-webkit-scrollbar{width:5px}.listener-list::-webkit-scrollbar-thumb{background:#252c39;border-radius:10px}.listener-row{width:100%;position:relative;display:grid;grid-template-columns:38px 1.05fr 1.1fr 1fr .7fr 22px;gap:10px;align-items:center;text-align:left;padding:9px;border:1px solid transparent;border-radius:9px;background:#0b0f17;cursor:pointer;transition:.18s}.listener-row:hover{background:#101621;border-color:#fff1;transform:translateY(-1px)}.flag-tile{width:36px;height:36px;display:grid;place-items:center;font-size:20px;border-radius:9px;background:#131925;border:1px solid rgba(255,255,255,.055);box-shadow:inset 0 1px #ffffff0a}.listener-place,.listener-device,.listener-ip,.listener-time{min-width:0}.listener-place strong,.listener-device strong,.listener-ip strong,.listener-time strong{display:block;color:#d9dee7;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.listener-place small,.listener-device small,.listener-ip small,.listener-time small{display:block;color:#687286;font-size:8.5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listener-device{display:flex;gap:7px;align-items:center;color:#6f7b91}.listener-time{text-align:right}.listener-time small{color:#68cfa1}.listener-time small i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--green);margin-right:4px;vertical-align:1px}.more-icon{color:#515b6e;justify-self:end}.listener-detail{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr) auto auto;gap:12px;align-items:center;margin:5px -3px -3px;padding:10px;border-radius:8px;background:#121924;border:1px solid var(--line)}.detail-item small{display:block;color:#667187;font-size:7.5px;text-transform:uppercase;letter-spacing:.08em}.detail-item strong{display:block;font-size:9px;margin-top:3px}.detail-live{display:flex;align-items:center;gap:6px;color:#7dd9ae;font-size:9px}.danger-button{height:28px;border-radius:7px;border:1px solid rgba(255,97,116,.2);background:#ff617412;color:#ff9ca8;display:flex;align-items:center;gap:6px;padding:0 9px;font-size:8.5px;cursor:pointer}.empty-list{text-align:center;padding:30px;color:#5d687b;font-size:10px}.soft-pill{font-size:8px;text-transform:uppercase;letter-spacing:.08em;padding:5px 7px;border:1px solid var(--line);border-radius:99px;color:#758096;background:#0b0f16}.soft-icon{color:#566174}.country-hero{height:68px;margin:15px 0 10px;padding:11px 12px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;border-radius:10px;background:linear-gradient(90deg,#5ce1e613,#5ce1e604);border:1px solid rgba(92,225,230,.09)}.country-hero>span{font-size:25px}.country-hero small{display:block;color:#6c778a;font-size:8px}.country-hero strong{display:block;font-size:11px;margin-top:3px}.country-hero b{font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:16px;color:#b9f1f2}.country-list{display:flex;flex-direction:column;gap:4px}.country-row{display:grid;grid-template-columns:27px 1fr 42px;gap:8px;align-items:center;min-height:45px;padding:6px;border-radius:8px}.country-row:hover{background:#0c111a}.country-flag{font-size:17px}.country-name strong{display:block;font-size:9.5px;font-weight:600}.bar{display:block;margin-top:6px;height:3px;background:#191f2a;border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#4fbcc2,var(--cyan))}.country-count{text-align:right}.country-count strong{display:block;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:10px}.country-count small{display:block;color:#626d81;font-size:7.5px;margin-top:2px}.health-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:13px;margin-top:13px}.health-row{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;margin-top:9px;padding:9px 10px;background:#0b0f17;border-radius:8px}.health-icon{width:31px;height:31px;display:grid;place-items:center;color:#6e7a90;border-radius:8px;background:#121824}.health-row strong{display:block;font-size:9.5px}.health-row small{display:block;margin-top:2px;color:#626d80;font-size:8px}.service-status{display:flex;align-items:center;gap:7px;color:#78d9aa;font-size:8.5px}.service-status i{width:5px;height:5px}.service-status.off{color:#ff92a0}.service-status.off i{background:var(--red);box-shadow:none}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.resource-grid>div{padding:11px;background:#0b0f17;border-radius:9px}.resource-grid span{display:flex;align-items:center;gap:6px;color:#6c778b;font-size:8.5px}.resource-grid strong{display:block;margin-top:8px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:12px}.resource-grid em{display:block;height:3px;margin-top:9px;background:#1b222e;border-radius:3px;overflow:hidden}.resource-grid em i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#4f8db1,var(--cyan))}@media(max-width:1250px){.app-shell{padding-left:20px;padding-right:20px}.listener-row{grid-template-columns:38px 1fr 1fr .9fr .7fr 18px}.content-grid{grid-template-columns:minmax(0,2fr) 300px}}