:root{--bg:#06091a;--card:#080f1e;--card-2:#060d1a;--line:#0d1a2e;--line-2:#1e293b;--ink:#e2e8f0;--ink-2:#94a3b8;--muted:#64748b;--faint:#334155;--brand-a:#2563eb;--brand-b:#7c3aed;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}body{background:var(--bg);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.35}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}}@keyframes overlayIn{0%{opacity:0}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px)scale(.98)}}.login-view{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:var(--card);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:16px;width:min(380px,100%);padding:28px;display:flex}.login-brand{align-items:center;gap:11px;margin-bottom:4px;display:flex}.login-brand h1{letter-spacing:-.02em;font-size:18px}.login-brand p{color:var(--muted);font-size:12px}.field{flex-direction:column;gap:7px;display:flex}.field>span,.modal label{color:#475569;letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:700}.field input,.modal input,.modal select{background:var(--card-2);border:1px solid var(--line);width:100%;color:var(--ink);color-scheme:dark;border-radius:9px;outline:none;padding:10px 13px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.field input:focus,.modal input:focus{border-color:var(--brand-a);box-shadow:0 0 0 3px #2563eb1f}.form-error{color:#f87171;font-size:12px}.slug-hint{color:#60a5fa;margin-top:7px;font-size:11.5px}.slug-hint b{color:#93c5fd;font-weight:700}.logo-badge{background:linear-gradient(135deg, var(--brand-a) 0%, var(--brand-b) 100%);color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.topbar{z-index:100;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#06091aeb;align-items:center;gap:16px;height:56px;padding:0 20px;display:flex;position:sticky;top:0}.brand{flex-shrink:0;align-items:center;gap:9px;margin-right:4px;display:flex}.brand-name{letter-spacing:-.02em;color:#f1f5f9;font-size:14px;font-weight:700}.brand-divider{background:var(--line);width:1px;height:18px;margin-left:2px}.live{align-items:center;gap:7px;display:flex}.live-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite pulse-live}.live-dot.offline{background:#f87171;animation:none}.timestamp{color:#475569;font-variant-numeric:tabular-nums;font-size:11px}.spacer{flex:1}.polling-box,.timezone-box{border:1px solid var(--line);background:#0a1428;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:5px 10px;display:flex}.polling-box span,.timezone-box span{color:#475569;font-size:11px;font-weight:500}.polling-box select,.timezone-box select{color:var(--ink-2);cursor:pointer;background:0 0;border:none;outline:none;padding:0 2px;font-family:inherit;font-size:11px}.timezone-box select{max-width:220px}.icon-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#0a1428;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.icon-btn:hover{color:var(--ink-2);background:#0d1e38;border-color:#1a2e4a}.danger-btn{color:#f87171;cursor:pointer;letter-spacing:.02em;background:#1a0707;border:1px solid #7f1d1d;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;height:34px;padding:0 14px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s;display:flex}.danger-btn:hover{color:#fca5a5;background:#2d0d0d;border-color:#dc2626}.env-switch{border:1px solid var(--line);background:#0a1428;border-radius:9px;flex-shrink:0;gap:2px;padding:3px;display:flex}.env-btn{cursor:pointer;letter-spacing:.06em;color:var(--muted);background:0 0;border:none;border-radius:6px;padding:5px 11px;font-family:inherit;font-size:10px;font-weight:700;transition:all .15s}.env-btn.active{color:#dbeafe;background:#1a3a8f}.env-btn.active.prod{color:#fed7aa;background:#7c2d12}.prod-banner{color:#fb923c;background:#1c0800;border-bottom:1px solid #7c2d12;align-items:center;gap:9px;padding:9px 20px;font-size:12px;font-weight:500;display:flex}.main{flex-direction:column;gap:18px;max-width:1560px;margin:0 auto;padding:20px;display:flex}.charts-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;animation:.35s both fadeUp}.card-head{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.card-title-row{align-items:center;gap:7px;margin-bottom:3px;display:flex}.card-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.card-title{color:var(--ink);letter-spacing:-.01em;font-size:13px;font-weight:600}.card-sub{color:var(--faint);font-size:11px}.card-badge{color:#1e3a5f;background:var(--card-2);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:6px;padding:3px 8px;font-size:11px}.count-badge{color:var(--faint);background:var(--card-2);border:1px solid var(--line);border-radius:5px;padding:2px 7px;font-size:10px;font-weight:600}.donut-row{align-items:center;gap:24px;display:flex}.donut-slot{flex-shrink:0;width:192px;height:192px}.legend{flex-direction:column;flex:1;gap:8px;display:flex}.legend-item{justify-content:space-between;align-items:center;gap:8px;display:flex}.legend-left{align-items:center;gap:7px;min-width:0;display:flex}.legend-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.legend-label{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.legend-val{color:var(--ink);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px;font-weight:600}.table-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.primary-btn{color:#93c5fd;cursor:pointer;background:#1a3a8f;border:1px solid #2a4fa8;border-radius:8px;flex-shrink:0;align-items:center;gap:7px;height:34px;padding:0 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:flex}.primary-btn:hover{color:#dbeafe;background:#1d4ed8;border-color:#3b82f6}.table-head-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.search-box{border:1px solid var(--line);color:#475569;background:#0a1428;border-radius:8px;align-items:center;gap:7px;height:34px;padding:0 11px;display:flex}.search-box input{color:var(--ink);background:0 0;border:none;outline:none;width:160px;font-family:inherit;font-size:12px}.search-box input::placeholder{color:#475569}.table-scroll{max-height:46vh;margin:0 -22px;padding:0 22px;overflow:auto}thead th{z-index:1;background:var(--card);position:sticky;top:0}table{border-collapse:collapse;width:100%;min-width:860px;font-size:12px}thead tr{border-bottom:1px solid var(--line)}th{color:var(--faint);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;padding:9px 12px;font-size:10px;font-weight:600}th.l{text-align:left}th.r{text-align:right}th.c{text-align:center}tbody tr{border-bottom:1px solid var(--card-2);cursor:pointer;transition:background .1s}tbody tr:hover{background:#0a1324}tbody tr.selected{background:#2563eb21;box-shadow:inset 3px 0 #2563eb}td{padding:14px 12px}.room-name{color:var(--ink);font-size:13px;font-weight:500}.room-id{color:#1e3a5f;letter-spacing:.02em;margin-top:2px;font-family:ui-monospace,monospace;font-size:10px}td.num{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink);font-size:14px;font-weight:700}td.num-soft{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}td.date{color:var(--muted);white-space:nowrap;font-size:11px}.chip-cupo{color:#60a5fa;font-variant-numeric:tabular-nums;background:#0c1d3a;border-radius:6px;padding:3px 9px;font-size:12px;font-weight:600}.chip-batch{color:#4ade80;font-variant-numeric:tabular-nums;background:#0a1e12;border-radius:6px;padding:3px 9px;font-size:12px;font-weight:700}.state{letter-spacing:.06em;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:700}.state.active{color:#4ade80;background:#052e16;border:1px solid #15803d}.state.inactive{border:1px solid var(--line-2);color:var(--faint);background:#0d1320;font-weight:600}.row-actions{justify-content:flex-end;gap:7px;display:flex}.row-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;white-space:nowrap;background:#0a1428;border-radius:7px;padding:5px 12px;font-family:inherit;font-size:11px;font-weight:500;transition:all .15s}.row-btn:hover{color:var(--ink-2);background:#0d1e38;border-color:#1a2e4a}.row-btn.danger{color:#9a4444}.row-btn.danger:hover{color:#fca5a5;background:#2d0d0d;border-color:#dc2626}.empty-state{text-align:center;color:var(--faint);padding:36px;font-size:13px}.modal-overlay{z-index:200;background:#000c;justify-content:center;align-items:center;animation:.2s overlayIn;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--line);background:#08101f;border-radius:16px;width:480px;max-width:93vw;padding:26px;animation:.22s modalIn}.modal.narrow{width:360px}.modal-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal-title{color:var(--ink);letter-spacing:-.02em;font-size:16px;font-weight:700}.modal-close{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#0a1428;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.modal-close:hover{color:var(--ink);border-color:var(--line-2)}.modal-body{flex-direction:column;gap:15px;display:flex}.modal label{margin-bottom:7px;display:block}.grid-2{grid-template-columns:1fr 1fr;gap:13px;display:grid}.edit-info{background:var(--card-2);border:1px solid var(--line);border-radius:10px;margin-bottom:20px;padding:14px 15px}.edit-info strong{color:var(--ink);margin-bottom:3px;font-size:14px;font-weight:600;display:block}.edit-info span{color:var(--faint);font-size:11px}.edit-big-input{text-align:center;font-variant-numeric:tabular-nums;font-weight:700;color:#4ade80!important;padding:14px!important;font-size:28px!important}.modal-actions{gap:10px;margin-top:22px;display:flex}.btn-cancel{background:var(--card-2);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:9px;flex:1;padding:10px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.btn-cancel:hover{color:var(--ink-2);border-color:var(--line-2)}.btn-confirm{color:#fff;cursor:pointer;letter-spacing:-.01em;background:#1d4ed8;border:none;border-radius:9px;flex:2;padding:10px;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s}.btn-confirm.even{flex:1}.btn-confirm:hover{background:var(--brand-a)}.btn-confirm:disabled,.btn-cancel:disabled{opacity:.55;cursor:not-allowed}.toast-region{z-index:300;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast{border:1px solid var(--line);color:var(--ink);background:#0a1428;border-left:3px solid #34d399;border-radius:11px;align-items:center;gap:9px;padding:11px 14px;font-size:13px;animation:.18s modalIn;display:flex}.toast.error{border-left-color:#f87171}@media (width<=900px){.topbar{flex-wrap:wrap;gap:9px;height:auto;padding:10px 12px}.spacer{display:none}.timezone-box select{max-width:160px}.charts-row{grid-template-columns:1fr}}