@charset "UTF-8";*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1f2933;background:#f4f6f8;-webkit-font-smoothing:antialiased}.stats-panel .period-pills{display:inline-flex;gap:4px;margin-top:10px;background:#0b1220;border:1px solid #1e293b;border-radius:999px;padding:3px}.stats-panel .period-pills button{border:none;background:transparent;color:#64748b;font-size:11px;font-weight:700;padding:5px 12px;border-radius:999px;cursor:pointer}.stats-panel .period-pills button.active{background:#2bd576;color:#06281a}.stats-panel .period-pills button:hover:not(.active){color:#e2e8f0}.stats-panel .live-badge[data-tone=reconnecting]{color:#fbbf24}.stats-panel .live-badge[data-tone=reconnecting] .live-dot{background:#fbbf24;box-shadow:0 0 8px #fbbf24}.stats-panel .live-badge[data-tone=offline]{color:#64748b}.stats-panel .live-badge[data-tone=offline] .live-dot{background:#475569;box-shadow:none}.stats-panel .empty-state{font-size:12px;color:#64748b;padding:14px 0;margin:0;list-style:none}.stats-panel .lookup-msg{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #1e293b;border-radius:8px;padding:10px 12px;font-size:12px;color:#94a3b8}.stats-panel .lookup-msg p{margin:0}.stats-panel .lookup-msg.error{border-color:#f5484d66;color:#f5484d}.stats-panel .lookup-msg .btn-ghost{background:transparent;border:1px solid #1e293b;color:#94a3b8;border-radius:8px;padding:5px 12px;font-size:11px;font-weight:700;cursor:pointer}.stats-panel .lookup-msg .btn-ghost:hover{color:#e2e8f0;border-color:#475569}.stats-panel .presence-card{grid-column:1/-1}.stats-panel .presence-card .presence-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:4px 28px;list-style:none;margin:0;padding:0}.stats-panel .presence-card .presence-list li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #1e293b}.stats-panel .presence-card .presence-list li .avatar{width:30px;height:30px;border-radius:50%;background:#14532d;color:#2bd576;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;flex:none}.stats-panel .presence-card .presence-list li .presence-name{flex:1;font-size:13px;font-weight:700;color:#e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-panel .presence-card .presence-list li .presence-ago{font-size:11px;color:#64748b}.stats-panel .presence-card .presence-total{font-size:12px;color:#64748b;margin:10px 0 0}.stats-panel .presence-card .ver-mas{font-size:12px;font-weight:700;color:#2bd576;text-decoration:none;white-space:nowrap}.stats-panel .presence-card .ver-mas:hover{text-decoration:underline}.stats-panel.switching .card,.stats-panel.switching .kpi{animation:stats-switching-pulse 1.2s ease-in-out infinite}@keyframes stats-switching-pulse{0%,to{opacity:.55}50%{opacity:.3}}.presence-view{min-height:100vh;border-radius:12px;padding:24px;background:#0b1220;color:#e2e8f0}.presence-view .back{display:inline-block;font-size:13px;font-weight:600;color:#64748b;text-decoration:none;margin-bottom:14px}.presence-view .back:hover{color:#2bd576}.presence-view .eyebrow{font-size:11px;letter-spacing:.12em;font-weight:700;color:#2bd576;margin:0}.presence-view h1{font-size:24px;font-weight:800;margin:2px 0 4px;color:#f1f5f9}.presence-view .subtitle{font-size:12px;color:#64748b;margin:0 0 20px}.presence-view .empty{color:#64748b}.presence-view .error{color:#f5484d;font-size:13px;margin:0 0 12px}.presence-view .retry{background:transparent;border:1px solid #1e293b;color:#94a3b8;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700;cursor:pointer}.presence-view .retry:hover{color:#e2e8f0;border-color:#475569}.presence-view .presence-card{background:#101a2c;border:1px solid #1e293b;border-radius:12px;padding:18px}.presence-view .presence-list{list-style:none;margin:0;padding:0}.presence-view .presence-list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #1e293b}.presence-view .presence-list .avatar{width:32px;height:32px;border-radius:50%;background:#14532d;color:#2bd576;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex:none}.presence-view .presence-list .user-info{flex:1;min-width:0}.presence-view .presence-list .user-name{font-size:13px;font-weight:700;color:#e2e8f0;margin:0}.presence-view .presence-list .user-meta{font-size:11px;color:#64748b;margin:2px 0 0}.presence-view .presence-list .user-connections{font-size:11px;font-weight:700;color:#94a3b8;white-space:nowrap}.presence-view .presence-list .empty-state{font-size:12px;color:#64748b;padding:14px 0;border:none}.presence-view .cap-copy{font-size:12px;color:#94a3b8;margin:10px 0 0}