:root{--wb-bg:#071015;--wb-panel:#111c22;--wb-panel2:#0b151a;--wb-border:#273943;--wb-text:#eef4f6;--wb-muted:#93a3ad;--wb-accent:var(--teal,#20c6c7);--wb-blue:#4f8ee8;--wb-green:#43c58a;--wb-orange:#e6ad55;--wb-red:#e96c72}
*{box-sizing:border-box}.wb120-page{margin:0;background:var(--wb-bg);color:var(--wb-text);font-family:Inter,Arial,sans-serif}.wb120-shell{padding:18px;max-width:2100px;margin:auto}.wb120-header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 16px;margin:-18px -18px 16px;background:rgba(7,16,21,.96);border-bottom:1px solid var(--wb-border);backdrop-filter:blur(10px)}.wb120-header h1{margin:3px 0 2px;font-size:26px}.wb120-header p{margin:0}.wb120-controls{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.wb120-controls label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--wb-muted)}.wb120-countdown{min-width:84px;border:1px solid var(--wb-border);border-radius:10px;padding:6px 10px;display:flex;flex-direction:column}.wb120-countdown strong{font-size:16px}.wb120-kpis{display:grid;grid-template-columns:repeat(6,minmax(160px,1fr));gap:10px;margin-bottom:10px}.wb120-kpi,.wb120-panel{background:var(--wb-panel);border:1px solid var(--wb-border);border-radius:14px}.wb120-kpi{padding:14px;min-height:100px}.wb120-kpi span{font-size:11px;text-transform:uppercase;color:var(--wb-muted);font-weight:700}.wb120-kpi strong{display:block;font-size:28px;margin:7px 0 3px}.wb120-kpi small{color:var(--wb-muted)}.wb120-grid{display:grid;gap:10px;margin-bottom:10px}.wb120-grid.two{grid-template-columns:1fr 1fr}.wb120-panel{padding:16px;min-height:260px}.wb120-title span{color:var(--wb-accent);font-size:11px;font-weight:800;letter-spacing:.08em}.wb120-title h2{margin:4px 0 14px;font-size:19px}.wb120-status{display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:center}.wb120-donut{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:#162329}.wb120-donut>div{width:116px;height:116px;border-radius:50%;background:var(--wb-panel);display:grid;place-items:center;align-content:center;text-align:center}.wb120-donut strong{font-size:32px}.wb120-donut small{color:var(--wb-muted);text-transform:uppercase}.wb120-legend{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.wb120-legend-row{display:grid;grid-template-columns:10px 1fr auto auto;gap:7px;align-items:center;font-size:12px;padding:5px 0}.wb120-legend-row small{color:var(--wb-muted)}.legend-dot{width:8px;height:8px;border-radius:50%}.wb120-bars,.wb120-funnel,.wb120-ranking{display:flex;flex-direction:column;gap:9px}.wb120-bar-head,.wb120-funnel-head,.wb120-rank-head{display:flex;justify-content:space-between;gap:12px;font-size:12px}.wb120-track{height:9px;border-radius:999px;background:#061015;overflow:hidden;margin-top:4px}.wb120-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--wb-accent),var(--wb-blue))}.wb120-funnel-row small{color:var(--wb-muted)}.wb120-test-kpis,.wb120-mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.wb120-test-kpis>div,.wb120-mini-kpis>div{background:var(--wb-panel2);border:1px solid var(--wb-border);padding:11px;border-radius:10px}.wb120-test-kpis strong,.wb120-mini-kpis strong{display:block;font-size:22px}.wb120-test-kpis small,.wb120-mini-kpis small{color:var(--wb-muted)}.wb120-average{background:var(--wb-panel2);border:1px solid var(--wb-border);padding:12px;border-radius:10px;margin-top:8px}.wb120-average strong{font-size:24px}.wb120-list{display:flex;flex-direction:column;gap:7px}.wb120-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--wb-panel2);border:1px solid var(--wb-border);border-radius:10px;padding:9px 10px}.wb120-item-main{min-width:0}.wb120-item-main strong,.wb120-item-main span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb120-item-main span,.wb120-item small{color:var(--wb-muted);font-size:11px}.wb120-presence-head{display:flex;gap:18px;margin-bottom:10px}.wb120-presence-head strong{font-size:12px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.dot.online{background:var(--wb-green);box-shadow:0 0 9px var(--wb-green)}.dot.offline{background:#687780}.wb120-presence-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wb120-presence-cols h3{font-size:12px;color:var(--wb-muted);margin:0 0 7px}.wb120-rank{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center}.wb120-rank-num{width:28px;height:28px;border-radius:8px;background:var(--wb-panel2);display:grid;place-items:center;font-weight:800}.wb120-activity{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.wb120-empty{color:var(--wb-muted);padding:18px;text-align:center;border:1px dashed var(--wb-border);border-radius:10px}.wb120-error{grid-column:1/-1;background:#2a1316;border:1px solid #6e2a31;color:#ffd8dc;padding:14px;border-radius:12px}.wb120-kpi.testavg strong{font-size:18px}.wb120-kpi.testavg strong b{display:block;margin:2px 0}.presence-kick-btn{border:1px solid var(--wb-border);background:transparent;color:var(--wb-text);border-radius:8px;padding:5px 8px;font-size:11px;cursor:pointer}
@media(max-width:1400px){.wb120-kpis{grid-template-columns:repeat(4,1fr)}}@media(max-width:1000px){.wb120-grid.two{grid-template-columns:1fr}.wb120-kpis{grid-template-columns:repeat(2,1fr)}.wb120-header{position:static;flex-direction:column;align-items:flex-start}.wb120-status{grid-template-columns:1fr}.wb120-donut{margin:auto}.wb120-presence-cols,.wb120-activity{grid-template-columns:1fr}}@media(max-width:620px){.wb120-kpis{grid-template-columns:1fr}.wb120-controls{align-items:stretch}.wb120-controls>*{width:100%}.wb120-legend{grid-template-columns:1fr}}