:root{--vs-orange: #FF6A00;--vs-orange-burnt: #FFA400;--vs-orange-dim: rgba(255,106,0,.13);--vs-bg: #0A0A0A;--vs-surface: #131313;--vs-surface2: #1C1C1C;--vs-surface3: #242424;--vs-border: #2A2A2A;--vs-border-bright: #3A3A3A;--vs-fg: #F0F0F0;--vs-fg-muted: #777777;--vs-fg-dim: #444444;--vs-success: #3BFF7A;--vs-success-dim: rgba(59,255,122,.11);--vs-warn: #FFB24D;--vs-warn-dim: rgba(255,178,77,.11);--vs-danger: #FF3B3B;--vs-danger-dim: rgba(255,59,59,.11);--vs-font: "Quicksand", system-ui, -apple-system, sans-serif;--vs-radius: 14px;--vs-radius-sm: 8px;--vs-radius-pill: 99px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;background:var(--vs-bg);font-family:var(--vs-font);-webkit-font-smoothing:antialiased;color:var(--vs-fg)}.auth-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--vs-bg)}.auth-card{width:100%;max-width:380px;background:var(--vs-surface);border:1px solid var(--vs-border);border-radius:20px;padding:32px 28px}.auth-logo{display:flex;justify-content:center;margin-bottom:28px}.auth-logo img{height:144px;width:auto}.auth-title{font-size:20px;font-weight:600;color:var(--vs-fg);margin-bottom:6px;letter-spacing:-.01em}.auth-sub{font-size:13px;font-weight:300;color:var(--vs-fg-muted);margin-bottom:22px;line-height:1.55}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-input{width:100%;background:var(--vs-surface2);border:1px solid var(--vs-border);border-radius:10px;padding:13px 14px;font-family:var(--vs-font);font-size:15px;font-weight:400;color:var(--vs-fg);outline:none;transition:border-color .15s}.auth-input::placeholder{color:var(--vs-fg-dim)}.auth-input:focus{border-color:var(--vs-orange)}.auth-error{font-size:12px;color:var(--vs-danger);padding:4px 2px}.auth-submit{width:100%;background:linear-gradient(135deg,var(--vs-orange),var(--vs-orange-burnt));border:none;border-radius:10px;padding:14px;font-family:var(--vs-font);font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:opacity .15s,transform .08s}.auth-submit:active{transform:scale(.98)}.auth-submit:disabled{opacity:.45;cursor:not-allowed}.auth-sent{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.auth-sent-icon{font-size:32px;margin-bottom:4px}.auth-sent-title{font-size:18px;font-weight:600;color:var(--vs-fg)}.auth-sent-sub{font-size:13px;font-weight:300;color:var(--vs-fg-muted);line-height:1.6}.auth-back-btn{margin-top:8px;background:transparent;border:1px solid var(--vs-border);border-radius:8px;padding:10px 18px;font-family:var(--vs-font);font-size:12px;font-weight:500;color:var(--vs-fg-muted);cursor:pointer;transition:border-color .15s,color .15s}.auth-back-btn:hover{border-color:var(--vs-border-bright);color:var(--vs-fg)}.screen-loading{height:100%;display:flex;align-items:center;justify-content:center;background:var(--vs-bg)}.screen{display:flex;flex-direction:column;height:100%;background:var(--vs-bg);overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:4px 16px;background:var(--vs-surface);border-bottom:1px solid var(--vs-border);flex-shrink:0}.logo-lockup{display:flex;align-items:center}.topbar-logo{height:44px;width:auto;display:block}.topbar-right{display:flex;align-items:center;gap:10px}.venue-logo-hdr{height:18px;width:auto;display:block;opacity:.85}.status-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 16px;background:var(--vs-surface);border-bottom:1px solid var(--vs-border);flex-shrink:0}.greeting{font-size:14px;font-weight:500;color:var(--vs-fg);letter-spacing:-.005em}.greeting .greet-label{color:var(--vs-fg-muted);font-weight:400}.status-right{display:flex;align-items:center;gap:8px}.icon-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--vs-border);border-radius:8px;color:var(--vs-fg-muted);cursor:pointer;transition:border-color .15s,color .15s}.icon-btn:hover{border-color:var(--vs-border-bright);color:var(--vs-fg)}.icon-btn.active{border-color:var(--vs-orange);color:var(--vs-orange);background:#ff6a0014}.live-pill{display:flex;align-items:center;gap:5px;background:#3bff7a17;border:1px solid rgba(59,255,122,.2);border-radius:var(--vs-radius-pill);padding:3px 9px 3px 7px}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--vs-success);animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.live-label{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--vs-success)}.timeline-card{background:var(--vs-surface);border-bottom:1px solid var(--vs-border);padding:11px 16px 10px;flex-shrink:0}.timeline-header{display:flex;align-items:flex-start;justify-content:space-between}.eyebrow{font-size:11px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--vs-fg-muted)}.timeline-timespan{font-size:15px;font-weight:500;color:var(--vs-fg);margin-top:2px;letter-spacing:-.01em}.tl-total-block{text-align:right}.tl-total-num{font-size:30px;font-weight:300;color:var(--vs-fg);letter-spacing:-.04em;line-height:1}.tl-total-label{font-size:9px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--vs-fg-dim);margin-top:2px}.screen-body{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.screen-body::-webkit-scrollbar{display:none}.areas-toolbar{display:flex;justify-content:flex-end;padding:8px 14px 4px}.areas-list{padding:0 14px 24px;display:flex;flex-direction:column;gap:8px}.areas-list.compact{gap:6px}.areas-empty{font-size:13px;color:var(--vs-fg-dim);text-align:center;padding:32px 0}.area-card{background:var(--vs-surface);border:1px solid var(--vs-border);border-radius:var(--vs-radius);overflow:hidden;transition:border-color .18s ease}.area-card.flash-in{border-color:var(--vs-success)}.area-card.flash-out{border-color:var(--vs-danger)}.area-card.at-warn{border-color:#ffb24d59;box-shadow:0 0 0 1px #ffb24d0f}.area-card.at-danger{border-color:#ff3b3b66;box-shadow:0 0 0 1px #ff3b3b14}.area-card-header{display:flex;align-items:center;justify-content:space-between;padding:9px 11px 7px}.area-name-wrap{display:flex;align-items:center;gap:4px;min-width:0}.area-name{font-size:15px;font-weight:500;color:var(--vs-fg);letter-spacing:-.003em}.area-header-right{display:flex;align-items:center;gap:7px}.cap-chip{font-size:9px;font-weight:500;letter-spacing:.06em;color:var(--vs-fg-muted);background:var(--vs-surface2);border:1px solid var(--vs-border);border-radius:var(--vs-radius-pill);padding:2px 8px}.cap-chip.warn{color:var(--vs-warn);background:#ffb24d14;border-color:#ffb24d40}.cap-chip.danger{color:var(--vs-danger);background:#ff3b3b14;border-color:#ff3b3b40}.area-counter{display:flex;align-items:stretch;border-top:1px solid var(--vs-border)}.count-display{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;border-right:1px solid var(--vs-border);min-height:78px;transition:min-height .2s,padding .2s}.compact .count-display{min-height:54px;padding:6px 8px}.count-number{font-size:50px;font-weight:300;line-height:1;color:var(--vs-fg);letter-spacing:-.04em;transition:transform .08s ease,color .1s,font-size .2s}.compact .count-number{font-size:32px}.count-number.bump-in{color:var(--vs-success);transform:scale(1.1)}.count-number.bump-out{color:var(--vs-danger);transform:scale(1.05)}.count-number.is-warn{color:var(--vs-warn)}.count-number.is-danger{color:var(--vs-danger)}.cap-meter{width:68%;height:3px;background:var(--vs-surface3);border-radius:2px;margin-top:9px;overflow:hidden}.cap-fill{height:100%;border-radius:2px;transition:width .3s ease,background .3s}.cap-fill.ok{background:var(--vs-success)}.cap-fill.warn{background:var(--vs-warn)}.cap-fill.danger{background:var(--vs-danger)}.cap-text{font-size:9px;font-weight:400;color:var(--vs-fg-dim);margin-top:5px;letter-spacing:.03em}.cap-text.warn{color:#ffb24db3}.cap-text.danger{color:#ff3b3bb3}.btn-col{display:flex;flex-direction:column;width:128px;flex-shrink:0}.compact .btn-col{width:110px}.count-btn{flex:1;min-height:48px;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-family:var(--vs-font);user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:transform .08s ease,opacity .1s}.compact .count-btn{min-height:36px}.count-btn:active{transform:scale(.97);opacity:.9}.count-btn:disabled{opacity:.35;cursor:not-allowed}.btn-in{background:var(--vs-success-dim);color:var(--vs-success);border-bottom:1px solid var(--vs-border)}.btn-in:hover{background:#3bff7a29}.btn-out{background:var(--vs-danger-dim);color:var(--vs-danger)}.btn-out:hover{background:#ff3b3b29}.btn-icon{display:flex;align-items:center;justify-content:center}.btn-label{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.75}.area-footer{display:flex;border-top:1px solid var(--vs-border)}.compact .area-footer{display:none}.stat-item{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px}.stat-item+.stat-item{border-left:1px solid var(--vs-border)}.stat-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.stat-dot.in{background:var(--vs-success)}.stat-dot.out{background:var(--vs-danger)}.stat-label{font-size:9px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--vs-fg-dim)}.stat-val{font-size:11px;font-weight:500;color:var(--vs-fg-muted)}.sheet-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;z-index:100}.sheet-backdrop.visible{display:block}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--vs-surface);border:1px solid var(--vs-border-bright);border-bottom:none;border-radius:22px 22px 0 0;padding:0 20px 40px;z-index:101;transform:translateY(100%);transition:transform .28s cubic-bezier(.4,0,.2,1)}.bottom-sheet.open{transform:translateY(0)}.sheet-handle{width:36px;height:4px;background:var(--vs-border-bright);border-radius:2px;margin:12px auto 20px}.sheet-title{font-size:22px;font-weight:500;color:var(--vs-fg);letter-spacing:-.005em;margin-bottom:20px}.settings-section{margin-bottom:18px}.settings-section-title{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--vs-fg-muted);margin-bottom:10px}.settings-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--vs-border)}.settings-row:last-child{border-bottom:none}.settings-row-text{flex:1}.settings-row-label{font-size:14px;font-weight:500;color:var(--vs-fg);margin-bottom:3px}.settings-row-sub{font-size:11px;font-weight:300;color:var(--vs-fg-muted);line-height:1.5}.toggle-switch{position:relative;width:38px;height:22px;flex-shrink:0;background:var(--vs-surface3);border:1px solid var(--vs-border);border-radius:99px;cursor:pointer;transition:background .18s,border-color .18s}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--vs-fg-muted);transition:transform .18s,background .18s}.toggle-switch.on{background:#ff6a0033;border-color:#ff6a0066}.toggle-switch.on:after{transform:translate(16px);background:var(--vs-orange)}.area-option-item{display:flex;align-items:center;gap:14px;padding:15px 2px;cursor:pointer;border:none;background:transparent;border-bottom:1px solid var(--vs-border);transition:color .15s;text-align:left}.area-option-item:last-child{border-bottom:none}.area-option-icon{color:var(--vs-fg-muted);display:flex;align-items:center;flex-shrink:0}.area-option-label{font-size:15px;font-weight:400;color:var(--vs-fg-muted)}.area-option-item.danger .area-option-icon,.area-option-item.danger .area-option-label{color:var(--vs-danger);opacity:.85}