@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.proto,.proto *{box-sizing:border-box}.proto input::placeholder{color:#94a3b8}*,*:before,*:after{box-sizing:border-box}:root{--bg: #F5F7FB;--surface: #FFFFFF;--ink: #0F172A;--muted: #64748B;--accent: #2E5BFF;--accent-hover: #1E44D6;--accent-ink: #FFFFFF;--accent-soft: #EFF4FF;--border: #E2E8F0;--hover: #F8FAFC;--hover2: #F1F5F9;--ok: #16A34A;--danger: #DC2626;--radius: 12px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Public Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}h1{font-family:Outfit,system-ui,sans-serif;font-weight:600;font-size:26px;margin:0 0 4px;letter-spacing:-.01em}h2{font-family:Outfit,system-ui,sans-serif;font-weight:600;font-size:18px;margin:0 0 12px}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:20px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:4px 8px 18px}.brand-lockup{display:block;width:100%;max-width:220px;height:auto}.sidebar-logo{width:30px;height:30px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:Outfit,sans-serif;font-weight:700;font-size:14px;flex:none}.sidebar-brand-text{font-family:Outfit,sans-serif;font-weight:600;font-size:14px;line-height:1.15}.sidebar-brand-text span{font-weight:500;color:var(--muted);font-size:12px}.nav-item{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;border-radius:8px;font-size:14px;font-weight:500;color:#334155;text-decoration:none;cursor:pointer}.nav-item:hover{background:var(--hover2);color:#334155}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar-spacer{flex:1}.sidebar-user{border-top:1px solid var(--border);padding:14px 8px 0;display:flex;align-items:center;gap:10px}.sidebar-avatar{width:32px;height:32px;border-radius:50%;background:#dbeafe;color:#1e40af;display:grid;place-items:center;font-weight:600;font-size:12px;flex:none}.sidebar-user-name{font-size:13px;line-height:1.2;font-weight:600}.sidebar-user-role{color:var(--muted);font-size:12px}.content{padding:28px 32px;min-width:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.grow{flex:1;min-width:200px}label{display:block;font-size:13px;font-weight:500;color:#334155;margin:12px 0 5px}input,textarea,select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font:inherit;font-size:14px;background:var(--surface);color:var(--ink)}input::placeholder{color:#94a3b8}input:focus,textarea:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;font-weight:600;font-size:14px;padding:9px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer}button:hover{background:var(--hover)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}button.quiet{border:none;background:none;color:var(--muted)}button.quiet:hover{background:none;color:var(--ink)}button:disabled{opacity:.5;cursor:default}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--hover)}td{padding:12px;border-bottom:1px solid var(--hover2)}tr:last-child td{border-bottom:none}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.pill.created{background:#fef3c7;color:#92400e}.pill.claimed{background:var(--accent-soft);color:#1e40af}.pill.active{background:#dcfce7;color:#166534}.pill.ended{background:var(--hover2);color:#475569}.pill.expired{background:#fee2e2;color:#b91c1c}.navlink{color:var(--muted);font-weight:600;font-size:14px}.navlink:hover{color:var(--ink)}.button-link{display:inline-block;font-weight:600;font-size:14px;padding:9px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--ink)}.button-link:hover{background:var(--hover)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;text-align:left}.kpi-value{font-family:Outfit,sans-serif;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;margin-top:6px}.kpi-label{color:var(--muted);font-size:12px;font-weight:500}.error{color:var(--danger);font-size:14px;margin:8px 0}.hint{color:var(--muted);font-size:13.5px}.linkbox{font-family:ui-monospace,monospace;font-size:13px;background:var(--bg);border:1px dashed var(--border);border-radius:8px;padding:10px 12px;word-break:break-all}.login-split{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-brand{background:#0f172a;color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between}.login-brand-top{display:flex;align-items:center;gap:10px}.login-brand-logo{width:32px;height:32px;border-radius:8px;background:var(--accent);display:grid;place-items:center;font-family:Outfit,sans-serif;font-weight:700;font-size:15px}.login-brand h1{font-family:Outfit,sans-serif;font-weight:600;font-size:44px;line-height:1.1;margin:0 0 20px;letter-spacing:-.02em;color:#fff}.login-brand p{font-size:16px;line-height:1.6;color:#cbd5e1;margin:0;max-width:460px}.login-stats{display:flex;gap:28px;margin-top:40px}.login-stat-v{font-family:Outfit,sans-serif;font-size:28px;font-weight:600}.login-stat-l{font-size:13px;color:#94a3b8}.login-form-wrap{display:grid;place-items:center;padding:40px}.login-form{width:360px;max-width:100%}.login-foot{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-top:16px}.login-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);display:inline-block}@media(max-width:820px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center}.sidebar-spacer{display:none}.content{padding:20px 16px}.login-split{grid-template-columns:1fr}.login-brand{display:none}}.join{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:var(--ink);color:#f2f4f7}.join .brand{font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#8ca6ff;margin-bottom:16px}.join h1{font-size:26px;margin-bottom:8px;color:#fff}.join p{color:#b6c0cc;max-width:42ch}.join button.primary{font-size:18px;padding:14px 28px;margin-top:20px}.join .status-dot{width:10px;height:10px;border-radius:50%;background:#4cd6a0;display:inline-block;margin-right:8px}.join .optin{display:flex;gap:10px;align-items:flex-start;max-width:46ch;text-align:left;font-size:13.5px;color:#b6c0cc;margin-top:16px;font-weight:400}.join .optin input{width:auto;margin-top:3px}.join button.quiet-dark{background:none;border:none;color:#8b97a5;margin-top:12px}.camera-stage{padding:0;justify-content:flex-start;position:relative;overflow:hidden}.camera-stage video,.camera-stage .frozen-frame,.camera-stage .photo-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;object-fit:contain;background:#000}.camera-stage .overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh}.camera-stage .camera-bar{position:fixed;left:0;right:0;bottom:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:14px 18px calc(14px + env(safe-area-inset-bottom));background:#0f172ad1;font-size:14.5px}.camera-stage .camera-bar button{background:#ffffff24;border:none;color:#f2f4f7}.liveview .stage{position:relative;width:100%;aspect-ratio:16 / 9;background:#0d1116;border-radius:var(--radius);overflow:hidden;margin-bottom:12px}.liveview .stage video,.liveview .stage .frozen-frame,.liveview .stage .photo-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.liveview .stage .overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.liveview .stage-note{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#93a0af;text-align:center;padding:24px;font-size:14.5px}.liveview .toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px}.liveview .toolbar button{text-transform:capitalize;padding:7px 12px;font-size:13.5px}.liveview .swatches{display:inline-flex;gap:5px;margin:0 6px}.liveview .swatch{width:22px;height:22px;padding:0;border-radius:50%;border:1px solid var(--border)}.pill.open{background:#fef3c7;color:#92400e}.pill.in_progress{background:var(--accent-soft);color:#1e40af}.pill.resolved{background:#dcfce7;color:#166534}.pill.closed{background:var(--hover2);color:#475569}.pill.high{background:#fee2e2;color:#b91c1c}.pill.normal{background:var(--hover2);color:#475569}.pill.low{background:var(--hover2);color:var(--muted)}.mono{font-family:ui-monospace,Menlo,monospace;font-size:13px;color:#334155}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:13px;font-weight:500;color:#334155;cursor:pointer}.chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.badge-count{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:inline-grid;place-items:center}.public-page{min-height:100vh;display:grid;place-items:start center;padding:40px 16px 64px}.public-page .card{width:100%;max-width:560px;padding:28px}.public-brand{display:flex;align-items:center;gap:10px;margin-bottom:18px}.public-brand-logo{width:30px;height:30px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:Outfit,sans-serif;font-weight:700;font-size:14px}.public-brand-text{font-family:Outfit,sans-serif;font-weight:600;font-size:14px;line-height:1.15}.public-brand-text span{display:block;font-weight:500;color:var(--muted);font-size:12px}.radio-row{display:flex;gap:8px}.radio-row label{flex:1;margin:0;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-weight:500;color:var(--ink)}.radio-row label:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.radio-row input{width:auto}.ticket-number{font-family:Outfit,sans-serif;font-size:40px;font-weight:700;letter-spacing:-.01em;color:var(--accent);margin:6px 0 4px}.steps{display:flex;flex-direction:column;gap:10px;margin-top:18px}.step{display:flex;gap:12px;align-items:flex-start;font-size:14px}.step-n{width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.btn-busy{display:inline-flex;align-items:center;gap:9px}.spinner{width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;animation:spin .6s linear infinite}button:not(.primary) .spinner{border-color:#0f172a40;border-top-color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:1.6s}}button.primary.busy:disabled{opacity:1;background:var(--accent);border-color:var(--accent);cursor:progress}