:root{--bg-0: #070b14;--bg-1: #0b101d;--bg-2: #101829;--surface: #121a2c;--surface-2: #17213a;--card: rgba(255, 255, 255, .04);--card-border: rgba(255, 255, 255, .08);--card-border-hover: rgba(255, 255, 255, .16);--text-1: #f1f5fb;--text-2: #c3cfe0;--text-3: #8b9bb5;--text-4: #5f7090;--accent: #6366f1;--accent-2: #8b5cf6;--accent-soft: rgba(99, 102, 241, .14);--green: #34d399;--amber: #fbbf24;--red: #f87171;--blue: #60a5fa;--violet: #a78bfa;--pink: #f472b6;--cyan: #22d3ee;--radius: 16px;--radius-sm: 10px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--num: "Inter", ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text-1);background:radial-gradient(1100px 560px at 82% -12%,rgba(99,102,241,.14),transparent 60%),radial-gradient(900px 520px at -8% 22%,rgba(139,92,246,.09),transparent 55%),var(--bg-0);background-attachment:fixed;min-height:100vh;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:#6366f166;color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px;border:2px solid var(--bg-0)}::-webkit-scrollbar-thumb:hover{background:#ffffff38}.app{max-width:1320px;margin:0 auto;padding:22px 24px 56px}.num{font-family:var(--num);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:6px 2px 24px;flex-wrap:wrap}.logo{display:flex;align-items:center;gap:15px}.logo-badge{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 10px 26px #6366f173,inset 0 1px #ffffff40}.logo-text h1{font-size:21px;font-weight:700;letter-spacing:-.015em;color:var(--text-1)}.logo-sub{font-size:12.5px;color:var(--text-3);display:flex;align-items:center;gap:5px}.header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.status-chip,.updated-chip{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;padding:7px 14px;border-radius:999px;border:1px solid var(--card-border);background:var(--card);color:var(--text-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-chip .dot{width:8px;height:8px;border-radius:50%}.status-chip.ok{color:var(--green);border-color:#34d39952;background:#34d3990f}.status-chip.ok .dot{background:var(--green);box-shadow:0 0 0 4px #34d39929,0 0 12px var(--green);animation:pulse 2.2s ease-in-out infinite}.status-chip.bad{color:var(--red);border-color:#f8717159;background:#f8717112}.status-chip.bad .dot{background:var(--red);box-shadow:0 0 0 4px #f8717129}.chip-detail{opacity:.75;font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px;margin-bottom:18px}.stat-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:16px 18px 15px;border-radius:var(--radius);background:linear-gradient(180deg,var(--card),rgba(255,255,255,.012));border:1px solid var(--card-border);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;box-shadow:var(--shadow)}.stat-card:before{content:"";position:absolute;inset:0 0 auto 0;height:2.5px;border-radius:16px 16px 0 0;opacity:.85}.stat-card.accent-green:before{background:linear-gradient(90deg,var(--green),#059669)}.stat-card.accent-indigo:before{background:linear-gradient(90deg,var(--accent),var(--accent-2))}.stat-card.accent-amber:before{background:linear-gradient(90deg,var(--amber),#d97706)}.stat-card.accent-blue:before{background:linear-gradient(90deg,var(--blue),#2563eb)}.stat-card.accent-violet:before{background:linear-gradient(90deg,var(--violet),#7c3aed)}.stat-card:hover{transform:translateY(-2px);border-color:var(--card-border-hover)}.stat-top{display:flex;align-items:flex-start;gap:14px;min-width:0}.stat-icon{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:18px}.stat-icon.green{background:#34d39924;color:var(--green)}.stat-icon.indigo{background:#6366f129;color:var(--accent)}.stat-icon.amber{background:#fbbf2424;color:var(--amber)}.stat-icon.blue{background:#60a5fa24;color:var(--blue)}.stat-icon.violet{background:#a78bfa29;color:var(--violet)}.stat-body{display:flex;flex-direction:column;gap:3px;min-width:0}.stat-label{font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);font-weight:700}.stat-value{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-muted{color:var(--text-4);font-weight:600;font-size:18px}.stat-sub{font-size:12.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-bar{height:5px;border-radius:5px;background:#ffffff12;overflow:hidden;margin-top:auto}.stat-bar-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .5s ease}.stat-bar-fill.full{background:linear-gradient(90deg,#ef4444,#f87171)}.grid{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(290px,1fr);gap:18px;align-items:start}.col-main,.col-side{display:flex;flex-direction:column;gap:18px;min-width:0}.panel{background:linear-gradient(180deg,var(--card),rgba(255,255,255,.01));border:1px solid var(--card-border);border-radius:var(--radius);padding:18px 18px 16px;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.panel-head h2{font-size:15px;font-weight:650;display:flex;align-items:center;gap:9px;letter-spacing:-.01em;color:var(--text-1)}.badge{font-size:11px;font-weight:700;color:var(--text-2);background:#ffffff14;border-radius:999px;padding:2.5px 9px;white-space:nowrap}.badge.accent{color:#c4b5fd;background:#8b5cf62e;border:1px solid rgba(139,92,246,.25)}.badge.warm{color:var(--amber);background:#fbbf2424;border:1px solid rgba(251,191,36,.22)}.badge.subtle{color:var(--text-3);background:#ffffff0d}.dim-note{font-size:12px;color:var(--text-3)}.empty{padding:28px 0;text-align:center;color:var(--text-4);font-size:13.5px}.search{display:flex;align-items:center;gap:7px;background:#ffffff0d;border:1px solid var(--card-border);border-radius:10px;padding:6px 10px;color:var(--text-4);transition:border-color .15s ease,box-shadow .15s ease}.search:focus-within{border-color:#6366f18c;box-shadow:0 0 0 3px #6366f126}.search input{background:transparent;border:none;outline:none;color:var(--text-1);font:inherit;font-size:13px;width:132px}.search input::placeholder{color:var(--text-4)}.client-list{display:flex;flex-direction:column;gap:3px;max-height:470px;overflow-y:auto;padding-right:4px}.client-row{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:12px;transition:background .12s ease}.client-row:hover{background:#ffffff0b}.client-avatar{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:13px;font-weight:700;color:#eef2ff;position:relative}.client-avatar.hue-indigo{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.client-avatar.hue-green{background:linear-gradient(135deg,#10b981,#059669)}.client-avatar.hue-amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.client-avatar.hue-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.client-avatar.hue-violet{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.client-avatar.hue-pink{background:linear-gradient(135deg,#f472b6,#db2777)}.client-avatar.hue-cyan{background:linear-gradient(135deg,#22d3ee,#0891b2)}.client-avatar.hue-red{background:linear-gradient(135deg,#f87171,#dc2626)}.avatar-away{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:var(--amber);border:2px solid var(--bg-2)}.client-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.client-name{font-size:13.5px;font-weight:550;color:var(--text-1);display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-row.away .client-name{color:var(--text-2)}.away-msg{flex:none;font-size:10px;font-weight:700;color:var(--amber);background:#fbbf2424;padding:1.5px 7px;border-radius:6px}.client-sub{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-4);white-space:nowrap;overflow:hidden}.bubble{color:var(--text-2);background:#ffffff12;padding:1.5px 8px;border-radius:7px;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid rgba(255,255,255,.04)}.pill{color:var(--text-3);border:1px solid var(--card-border);padding:0 7px;border-radius:6px;font-size:11px}.pill.dim{opacity:.7}.client-side{flex:none;display:flex;align-items:center;gap:9px}.talk-badges{display:flex;gap:4px;font-size:11px;opacity:.9}.mic.muted{color:var(--text-3)}.talk-pm{color:var(--green);display:grid;place-items:center}.client-time{font-size:11px;color:var(--text-4);font-variant-numeric:tabular-nums}.client-ip{font-size:10.5px;font-weight:600;font-family:var(--num);color:var(--text-4);background:#ffffff0d;padding:1.5px 7px;border-radius:6px;border:1px solid var(--card-border)}.channel-spacer{display:flex;align-items:center;gap:10px;padding:9px 10px 8px}.spacer-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent)}.spacer-label{flex:none;font-size:10px;font-weight:700;font-family:var(--num);color:var(--text-4);letter-spacing:.08em}.channel-list{max-height:460px;overflow-y:auto;padding-right:4px}.channel-row{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--radius-sm);transition:background .12s ease}.channel-row:hover{background:#ffffff0a}.tree-toggle{flex:none;width:16px;font-size:11px;color:var(--text-4);text-align:center}.tree-toggle.leaf{color:var(--text-4);opacity:.35}.channel-bar{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.channel-info{display:flex;align-items:center;gap:7px;min-width:0}.channel-name{font-size:13px;font-weight:550;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-count{flex:none;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;font-family:var(--num);color:#c4b5fd;background:#8b5cf629;border-radius:999px;padding:1.5px 8px;border:1px solid rgba(139,92,246,.22)}.channel-topic{font-size:11px;color:var(--text-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag{flex:none;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:5px;padding:1.5px 5px}.tag.default{color:var(--green);background:#34d39921}.tag.temp{color:var(--amber);background:#fbbf2421}.occupancy-track{height:4px;border-radius:4px;background:#ffffff0f;overflow:hidden}.occupancy-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#34d399,#a3e635);transition:width .4s ease}.occupancy-fill.warn{background:linear-gradient(90deg,var(--amber),#f97316)}.occupancy-fill.danger{background:linear-gradient(90deg,#ef4444,#f87171)}.channel-meta{flex:none;font-size:11.5px;font-family:var(--num);color:var(--text-3);font-variant-numeric:tabular-nums;min-width:52px;text-align:right}.chart-wrap{width:100%}.activity-list{display:flex;flex-direction:column;gap:2px;max-height:400px;overflow-y:auto;padding-right:4px}.activity-row{position:relative;display:flex;align-items:center;gap:11px;padding:7px 8px;border-radius:var(--radius-sm);font-size:12.5px}.activity-row:hover{background:#ffffff09}.activity-icon{flex:none;width:25px;height:25px;border-radius:8px;display:grid;place-items:center}.activity-icon.connect{color:var(--green);background:#34d39921}.activity-icon.disconnect{color:var(--red);background:#f8717121}.activity-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.activity-nick{font-weight:550;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-row.disconnect .activity-nick{color:var(--text-2)}.activity-channel{font-size:11px;color:var(--text-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-time{flex:none;font-size:11px;color:var(--text-4);font-variant-numeric:tabular-nums}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.info-grid .empty,.info-grid .error-note{grid-column:1 / -1}.cell{display:flex;flex-direction:column;gap:3px;min-width:0}.cell-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-4)}.cell-value{font-size:13px;font-weight:500;color:var(--text-1);overflow-wrap:anywhere;min-width:0}.ok-chip{font-size:12px;font-weight:600;color:var(--green);background:#34d3991f;border:1px solid rgba(52,211,153,.2);border-radius:999px;padding:2px 10px;display:inline-flex;align-items:center;gap:5px}.muted-chip{font-size:12px;color:var(--text-4);border:1px solid var(--card-border);border-radius:999px;padding:2px 10px}.live-dot{width:9px;height:9px;border-radius:50%}.live-dot.on{background:var(--green);box-shadow:0 0 0 4px #34d39929;animation:pulse 2.2s ease-in-out infinite}.live-dot.off{background:var(--red)}.error-note{display:flex;align-items:center;gap:7px;margin-top:2px;padding:9px 11px;border-radius:var(--radius-sm);font-size:12px;color:var(--red);background:#f8717114;border:1px solid rgba(248,113,113,.2)}.loader-wrap{display:grid;place-items:center;padding:110px 0;gap:18px;color:var(--text-3);font-size:14px;text-align:center}.loader-ring{width:46px;height:46px;border-radius:50%;border:3px solid rgba(99,102,241,.18);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.header{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.app{padding:16px 14px 40px}.info-grid{grid-template-columns:1fr}}