@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@500;700&display=swap";:root{--bg:#000;--surface:#0a0a0a;--surface-2:#171a17;--surface-3:#20251f;--line:#30372d;--text:#f6f8f2;--muted:#a3ad9a;--accent:#b7f500;--accent-2:#5ed7ff;--danger:#ff4d57;--success:#b7f500;--warning:#ffcf5a;--font-ui:"DM Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);overscroll-behavior-y:contain;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.login-screen,.app-shell,.scanner-shell{min-height:100vh}.login-screen{padding:var(--space-md);padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom));background:linear-gradient(180deg, #b7f50014, transparent 44%), var(--bg);place-items:center;display:grid}.login-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:min(100%,420px);padding:28px}.brand-lockup{gap:6px;margin-bottom:28px;display:grid}.brand-mark{width:58px;height:58px;color:var(--bg);background:var(--accent);border-radius:8px;place-items:center;margin-bottom:12px;display:grid}.brand-lockup p,.eyebrow,.event-date,.stats-strip span{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.76rem;font-weight:800}.brand-lockup h1,.topbar h1,.scanner-title h1{font-size:clamp(1.6rem,7vw,2.4rem);font-weight:900;line-height:1}.brand-lockup span,.topbar span{color:var(--muted)}.login-form,.event-list,.manual-panel,.history-list{gap:12px;display:grid}.login-form label{color:var(--muted);gap:8px;font-size:.86rem;font-weight:700;display:grid}.input,.search-row input,.manual-panel input{width:100%;min-height:52px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:6px;outline:none;padding:0 14px;font-size:16px}.input:focus,.search-row:focus-within,.manual-panel input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b7f5001f}.btn,.icon-btn,.back-button,.event-card{border:0;border-radius:6px}.btn{justify-content:center;align-items:center;gap:10px;min-height:54px;padding:0 18px;font-weight:900;display:inline-flex}.btn-primary,.icon-btn.primary{color:#071006;background:var(--accent)}.btn:disabled{opacity:.55;cursor:not-allowed}.alert{border-radius:6px;padding:12px 14px;font-weight:700}.alert.error{color:#fff;background:#ff4d572e;border:1px solid #ff4d575c}.app-shell{max-width:760px;padding:18px;padding-top:calc(18px + env(safe-area-inset-top));padding-bottom:calc(18px + env(safe-area-inset-bottom));margin:0 auto}.topbar,.scanner-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.topbar-actions{gap:8px;display:flex}.icon-btn{width:44px;height:44px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);place-items:center;display:grid}.search-row{min-height:52px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:0 14px;display:flex}.search-row input{min-height:auto;box-shadow:none;background:0 0;border:0;padding:0}.event-card{width:100%;color:var(--text);text-align:left;background:var(--surface);border:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.event-card h2{margin:8px 0 4px;font-size:1.18rem;line-height:1.2}.event-card span{color:var(--muted);font-size:.9rem}.event-date{color:var(--accent-2);align-items:center;gap:6px;display:inline-flex}.scan-badge{color:#071006;background:var(--accent);border-radius:6px;place-items:center;min-width:54px;height:54px;display:grid}.empty-state{color:var(--muted);text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:8px;padding:32px 18px}.scanner-shell{background:#000;grid-template-rows:auto auto minmax(300px,1fr) auto;display:grid}.scanner-header{background:var(--surface);border-bottom:1px solid var(--line);margin:0;padding:14px}.back-button{min-height:42px;color:var(--accent);background:var(--surface-2);align-items:center;gap:7px;padding:0 12px;font-weight:900;display:inline-flex}.scanner-title{text-align:right;min-width:0}.scanner-title h1{text-overflow:ellipsis;white-space:nowrap;max-width:58vw;font-size:1.12rem;overflow:hidden}.live{align-items:center;gap:5px;margin-top:5px;font-size:.78rem;font-weight:800;display:inline-flex}.live.online{color:var(--accent)}.live.offline{color:var(--warning)}.stats-strip{background:var(--surface-2);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stats-strip div{border-right:1px solid var(--line);padding:12px 14px}.stats-strip div:last-child{border-right:0}.stats-strip strong{color:var(--text);font-family:var(--font-mono);margin-top:2px;font-size:1.4rem;display:block}.scanner-stage{background:#000;min-height:360px;position:relative;overflow:hidden}.scan-frame{pointer-events:none;border:2px dashed #b7f50066;border-radius:12px;position:absolute;inset:16%;box-shadow:0 0 0 9999px #0009}.scan-frame:before,.scan-frame:after{content:"";border:4px solid var(--accent);pointer-events:none;width:24px;height:24px;position:absolute}.scan-frame:before{border-bottom:0;border-right:0;border-top-left-radius:8px;top:-3px;left:-3px}.scan-frame:after{border-top:0;border-left:0;border-bottom-right-radius:8px;bottom:-3px;right:-3px}.scan-frame-corners{pointer-events:none;position:absolute;inset:0}.scan-frame-corners:before,.scan-frame-corners:after{content:"";border:4px solid var(--accent);pointer-events:none;width:24px;height:24px;position:absolute}.scan-frame-corners:before{border-bottom:0;border-left:0;border-top-right-radius:8px;top:-3px;right:-3px}.scan-frame-corners:after{border-top:0;border-right:0;border-bottom-left-radius:8px;bottom:-3px;left:-3px}.scan-laser{background:var(--accent);width:100%;height:3px;box-shadow:0 0 10px var(--accent), 0 0 18px var(--accent);opacity:.85;animation:2s ease-in-out infinite scanLaser;position:absolute;left:0}@keyframes scanLaser{0%{top:0%}50%{top:100%}to{top:0%}}.result-overlay{z-index:9999;text-align:center;box-sizing:border-box;align-content:center;place-items:center;gap:16px;padding:28px;display:grid;position:fixed;inset:0}.result-overlay.loading{color:#fff;-webkit-backdrop-filter:blur(10px);background:#000000e6}.result-overlay.success{color:var(--accent);-webkit-backdrop-filter:blur(20px);border:6px solid var(--accent);background:#000000d9;box-shadow:inset 0 0 60px #b7f50066,0 0 100px #b7f50033}.result-overlay.warning{color:var(--warning);-webkit-backdrop-filter:blur(20px);border:6px solid var(--warning);background:#000000d9;box-shadow:inset 0 0 60px #ffcf5a66,0 0 100px #ffcf5a33}.result-overlay.failure{color:var(--danger);-webkit-backdrop-filter:blur(20px);border:6px solid var(--danger);background:#000000d9;box-shadow:inset 0 0 60px #ff4d5766,0 0 100px #ff4d5733}.result-overlay h2{text-transform:uppercase;letter-spacing:2px;font-size:clamp(2.8rem,12vw,5.5rem);font-weight:900}.result-overlay p{color:#fff;max-width:520px;font-size:1.25rem;font-weight:600}.ticket-person{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;gap:5px;width:min(100%,460px);margin-top:8px;padding:18px;display:grid}.ticket-person span{opacity:.72;font-size:.9rem}.manual-panel{background:var(--surface);border-top:1px solid var(--line);padding:12px}.manual-panel form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.manual-panel .btn{min-width:118px}.history-list{margin-top:12px}.history-empty{color:var(--muted);text-align:center;font-size:.88rem}.history-item{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.history-item strong,.history-item span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.history-item span,.history-item time{color:var(--muted);font-size:.78rem}.spin-icon{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.22s ease-out fadeIn}.animate-slide{animation:.28s ease-out slideUp}@media (width>=800px){.scanner-shell{border:1px solid var(--line);border-radius:8px;max-width:520px;min-height:calc(100vh - 32px);margin:16px auto;overflow:hidden}}