:root{color:#f6f7f7;font-synthesis:none;text-rendering:optimizelegibility;--accent:#ffea00;--accent-bright:#fff15d;--accent-deep:#fec000;--accent-soft:#ffbb0024;--accent-glow:#ffdb3947;--surface:#101613a3;--surface-strong:#080c0ad1;--surface-light:#ffffff0e;--border:#ffea00cc;--border-soft:#ffea004d;--glass-highlight:#ffffff17;--muted:#929d97;--muted-dark:#606963;--danger:#ff6262;--radius-lg:24px;--radius-xl:28px;--yellow:var(--accent);--yellow-bright:var(--accent-bright);--yellow-soft:var(--accent-soft);--yellow-glow:var(--accent-glow);background:#030504;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{overscroll-behavior:none;background:#030504}body{color:#f6f7f7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 50% -15%,#fbff0014,#0000 34%),#030504;min-width:320px;overflow-x:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ambient{z-index:-1;pointer-events:none;background:radial-gradient(circle at 15% 10%,#fbff000e,#0000 28%),radial-gradient(circle at 90% 80%,#ffd9000b,#0000 30%),#030504;position:fixed;inset:0;overflow:hidden}.ambient-video{object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ambient-video-overlay{background:linear-gradient(#00000075,#000000b3),radial-gradient(circle,#0000 25%,#0000004d 100%);position:absolute;inset:0}.ambient-grid{opacity:.07;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.ambient-noise{opacity:.014;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");position:absolute;inset:0}.ambient-orb{filter:blur(100px);opacity:.1;border-radius:50%;width:420px;height:420px;animation:14s ease-in-out infinite alternate drift;position:absolute}.orb-one{background:var(--accent);top:-220px;left:-140px}.orb-two{background:var(--accent-deep);animation-delay:-5s;bottom:5%;right:-220px}.auth-shell,.app-shell{isolation:isolate;min-height:100svh;position:relative}.auth-container,.app-container{z-index:1;width:min(100% - 32px,540px);margin:0 auto;position:relative}.auth-container{flex-direction:column;justify-content:center;min-height:100svh;padding:34px 0 28px;display:flex}.app-container{padding:26px 0 124px}.brand-logo{text-align:center;letter-spacing:.04em;-webkit-user-select:none;user-select:none;width:max-content;font-weight:300;line-height:.82}.brand-logo>span:first-child{letter-spacing:-.045em;text-shadow:0 0 24px #ffffff14;font-size:29px;font-weight:300;display:block}.brand-divider{letter-spacing:.12em;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:14px;display:flex}.brand-divider i{opacity:.7;background:currentColor;width:25px;height:1px;display:block}.auth-container>.brand-logo{align-self:center;margin-bottom:52px}.auth-divider{color:#fff;justify-content:center;align-items:center;gap:8px;margin:10px 0 0;font-size:11px;font-weight:800;display:flex}.auth-heading{margin-bottom:20px}.eyebrow,.muted-label{color:var(--accent);letter-spacing:.17em;text-transform:uppercase;font-size:10px;font-weight:800}.eyebrow{align-items:center;gap:8px;margin-bottom:13px;display:flex}.eyebrow span{background:var(--accent);width:6px;height:6px;box-shadow:0 0 9px var(--accent), 0 0 18px #39ff8873;border-radius:50%;animation:2.2s ease-in-out infinite accentPulse}.auth-heading h1,.welcome-row h1{letter-spacing:-.06em;margin:0;font-size:clamp(34px,8vw,48px);line-height:.98}.auth-heading p{color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.55}.glass-card{isolation:isolate;border:1px solid var(--border-soft);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(26px)saturate(145%);background:radial-gradient(110% 90% at 0 0,#ffffff12,#0000 42%),radial-gradient(80% 80% at 100% 0,#39ff880e,#0000 46%),#0b100da8;position:relative;overflow:hidden;box-shadow:0 28px 90px #0000007a,inset 0 1px #ffffff16,inset 0 -1px #0000004d}.glass-card:before{content:"";pointer-events:none;background:linear-gradient(125deg,#ffffff12,#0000 24% 75%,#39ff8806);position:absolute;inset:0}.glass-surface{border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(20px)saturate(140%);background:#0c110e9e;box-shadow:inset 0 1px #ffffff0f,0 10px 30px #0003}.auth-card{border-radius:24px;padding:22px}.field-label{color:#d1d5d2;margin:0 0 8px 3px;font-size:11px;font-weight:700;display:block}.field-label+.input-wrap{margin-bottom:16px}.input-wrap{color:#777d79;background:#00000040;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:11px;min-height:54px;padding:0 15px;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s;display:flex}.input-wrap:hover{border-color:#ffffff2b}.input-wrap:focus-within{border-color:var(--accent);background:#ffea0006;transform:translateY(-1px);box-shadow:0 0 0 4px #39ff880e,0 0 28px #39ff880e}.input-wrap input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:15px}.input-wrap input::placeholder{color:#555b57}.icon-button,.logout-button,.copy-button{color:#858b87;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.icon-button{border-radius:9px;flex:0 0 30px;width:30px;height:30px;transition:color .2s,background .2s}.icon-button:hover{color:#fff;background:#ffffff0f}.form-error{color:#ffb8b8;background:#78141424;border:1px solid #ff505040;border-radius:13px;margin:2px 0 14px;padding:12px 13px;font-size:12px;animation:.25s ease-out notificationIn}.primary-button{background:linear-gradient(135deg, var(--accent-bright), var(--accent) 48%, var(--accent-deep));color:#041109;letter-spacing:.08em;cursor:pointer;width:100%;min-height:56px;box-shadow:0 14px 38px var(--yellow-soft), inset 0 1px 0 #ffffff80;border:1px solid #fff3;border-radius:14px;justify-content:center;align-items:center;gap:12px;font-size:12px;font-weight:900;transition:transform .2s,box-shadow .2s,filter .2s;display:flex;position:relative;overflow:hidden}.primary-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:45%;transition:left .65s;position:absolute;top:0;bottom:0;left:-80%;transform:skew(-20deg)}.primary-button:hover:before{left:140%}.primary-button:hover{box-shadow:0 18px 46px var(--yellow-glow), inset 0 1px 0 #ffffff94;filter:brightness(1.04);transform:translateY(-2px)}.primary-button:active{transform:scale(.985)}.primary-button:disabled{cursor:wait;opacity:.7}.text-button{color:#858b87;cursor:pointer;background:0 0;border:0;width:100%;margin-top:14px;font-size:12px}.text-button:hover{color:#fff}.auth-trust{color:#616864;justify-content:center;align-items:center;gap:7px;margin-top:20px;font-size:10px;display:flex}.topbar{justify-content:space-between;align-items:center;margin-bottom:46px;display:flex}.topbar .brand-logo{transform-origin:0;transform:scale(.86)}.logout-button{border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(18px);background:#0a0e0c8f;border-radius:13px;width:42px;height:42px;transition:color .2s,border-color .2s,transform .2s;box-shadow:inset 0 1px #ffffff0d}.logout-button:hover{color:var(--accent);border-color:var(--border)}.logout-button:active{transform:scale(.94)}.welcome-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.welcome-row h1{margin-top:6px;font-size:31px}.avatar{border:1px solid var(--border-soft);width:48px;height:48px;color:var(--accent);background:#39ff880e;border-radius:15px;place-items:center;display:grid;box-shadow:0 0 28px #39ff880d,inset 0 1px #ffffff0d}.ticket-card{isolation:isolate;background:radial-gradient(280px at 105% -5%,#ffeb391a,#0000 70%),linear-gradient(145deg,#181d1ae6,#060907f5);border:1px solid #ffee004d;border-radius:27px;width:100%;max-width:100%;padding:20px;position:relative;overflow:hidden;box-shadow:0 28px 90px #00000085,inset 0 1px #ffffff0e}.ticket-card:after{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff09,#0000 25%);position:absolute;inset:0}.ticket-topline{justify-content:space-between;align-items:center;display:flex;position:relative}.ticket-brand{color:#d2d7d4;letter-spacing:.1em;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.ticket-brand svg{color:var(--accent);filter:drop-shadow(0 0 7px #39ff8873)}.status-pill{color:#d9ff8c;letter-spacing:.1em;background:#beff500e;border:1px solid #beff502e;border-radius:999px;align-items:center;gap:6px;padding:6px 8px;font-size:9px;font-weight:900;display:flex}.status-pill span{background:#c6ff45;border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite greenPulse;box-shadow:0 0 9px #c6ff45}.ticket-title{text-align:center;margin:24px 0 16px;position:relative}.ticket-title span{color:#707772;letter-spacing:.22em;font-size:9px;font-weight:800}.ticket-title h2{letter-spacing:.02em;margin:7px 0 0;font-size:23px}.qr-stage{place-items:center;width:min(100%,250px);margin:0 auto;display:grid;position:relative}.qr-glow{background:var(--accent-soft);filter:blur(42px);border-radius:50%;width:210px;height:210px;animation:3s ease-in-out infinite pulse;position:absolute}.qr-frame{background:#fff;border-radius:23px;place-items:center;width:236px;height:236px;padding:8px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff47,0 18px 50px #0000008c,0 0 42px #39ff880d}.qr-frame svg{border-radius:15px;width:100%;height:100%}.scan-line{background:linear-gradient(90deg, transparent, var(--accent), transparent);height:2px;box-shadow:0 0 15px var(--accent);animation:2.7s ease-in-out infinite scan;position:absolute;top:8px;left:12px;right:12px}.qr-caption{color:#858c88;justify-content:center;align-items:center;gap:7px;margin:17px 0;font-size:11px;display:flex}.qr-caption svg{color:var(--accent);filter:drop-shadow(0 0 6px #39ff8873)}.ticket-divider{background:linear-gradient(90deg,#0000,#ffffff1f,#0000);height:1px}.member-row{justify-content:space-between;align-items:center;padding-top:15px;display:flex}.member-row span,.info-card span{color:#666e69;letter-spacing:.15em;margin-bottom:5px;font-size:8px;font-weight:800;display:block}.member-row strong{color:#d8ddda;letter-spacing:.05em;font-variant-numeric:tabular-nums;font-size:12px;display:block}.copy-button{border:1px solid var(--border);background:#ffffff08;border-radius:11px;width:37px;height:37px;transition:color .2s,border-color .2s,background .2s,transform .2s}.copy-button:hover{color:var(--accent);background:#39ff880a;border-color:#39ff884d}.copy-button:active{transform:scale(.92)}.info-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:11px;display:grid}.info-card{background:#0d110f94;border:1px solid #ffffff17;border-radius:17px;align-items:flex-start;gap:10px;min-height:79px;padding:14px;transition:transform .2s,border-color .2s,background .2s;display:flex;box-shadow:inset 0 1px #ffffff06}.info-card:hover{background:#39ff8809;border-color:#ffffff26;transform:translateY(-2px)}.info-card svg{color:var(--accent);filter:drop-shadow(0 0 6px #39ff8840);flex:none;margin-top:2px}.info-card strong{color:#e0e4e1;font-size:11px;line-height:1.35;display:block}.footer-note{text-align:center;color:#505753;margin:18px 0 0;font-size:10px}.bottom-nav{z-index:5;width:min(100%,560px);padding:9px max(18px, env(safe-area-inset-left)) calc(9px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px)saturate(150%);background:#060907c7;border:1px solid #ffffff14;border-bottom:0;border-radius:22px 22px 0 0;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -18px 55px #0006,inset 0 1px #ffffff09}.nav-item{color:#707772;cursor:pointer;background:0 0;border:0;justify-items:center;gap:5px;min-width:0;padding:5px 2px;transition:color .2s,transform .2s;display:grid;position:relative}.nav-item span{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:8px;font-weight:800}.nav-item.active{color:var(--accent);text-shadow:0 0 12px #39ff8833}.nav-item.active:before{content:"";background:var(--accent);border-radius:999px;width:24px;height:2px;position:absolute;top:-9px;box-shadow:0 0 10px #39ff888c}.nav-item.active svg{filter:drop-shadow(0 0 7px #39ff8873)}.nav-item:hover{color:#ddd;transform:translateY(-2px)}.nav-item:active{transform:scale(.92)}.privacy-overlay{z-index:999999;color:#fff;text-align:center;background:radial-gradient(circle at 50% 40%,#39ff880b,#0000 35%),#030504;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.privacy-message{width:min(360px,100%);animation:.25s ease-out privacyMessageIn}.privacy-emoji{filter:drop-shadow(0 0 20px var(--accent-soft));margin-bottom:18px;font-size:48px}.privacy-message h2{letter-spacing:-.03em;margin:0 0 10px;font-size:23px;font-weight:800}.privacy-message p{color:#777e79;margin:0;font-size:14px;line-height:1.5}.page-enter{animation:.5s cubic-bezier(.2,.8,.2,1) both pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(14px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes notificationIn{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes accentPulse{0%,to{opacity:.65;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes greenPulse{0%,to{opacity:.65;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}@keyframes scan{0%,to{opacity:.08;transform:translateY(0)}50%{opacity:1;transform:translateY(218px)}}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(35px,40px)scale(1.08)}}@keyframes privacyMessageIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=699px){.app-container{padding-bottom:calc(124px + env(safe-area-inset-bottom))}.bottom-nav{border-radius:20px 20px 0 0;width:100%;padding-left:12px;padding-right:12px}}@media (width>=700px){.auth-container,.app-container{width:min(100% - 48px,560px)}}@media (height<=760px) and (width<=699px){.auth-container{justify-content:flex-start;padding-top:26px}.auth-container>.brand-logo{margin-bottom:34px}.auth-heading h1{font-size:32px}.auth-card{padding:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.remember-me{color:#8f9692;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;width:fit-content;margin:-3px 0 17px 2px;font-size:12px;font-weight:600;display:inline-flex}.remember-me input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.remember-box{background:linear-gradient(145deg,#ffffff0e,#00000059);border:1px solid #ffffff29;border-radius:6px;flex:0 0 19px;place-items:center;width:19px;height:19px;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;display:grid;box-shadow:inset 0 1px #ffffff0f,0 4px 12px #00000026}.remember-check{opacity:0;color:#041109;font-size:12px;font-weight:1000;transition:opacity .18s,transform .18s;transform:scale(.5)}.remember-me input:checked+.remember-box{background:linear-gradient(135deg, var(--accent-bright), var(--accent));border-color:#39ff88a6;box-shadow:0 0 16px #39ff882e,inset 0 1px #ffffff80}.remember-me input:checked+.remember-box .remember-check{opacity:1;transform:scale(1)}.remember-me:hover .remember-box{border-color:#39ff8861}.remember-me:active .remember-box{transform:scale(.92)}.remember-me:has(input:focus-visible) .remember-box{outline-offset:3px;outline:2px solid #39ff8880}.remember-text{transition:color .2s}.remember-me:hover .remember-text{color:#c8cfcb}.remember-me input:checked~.remember-text{color:#d9e8df}.pwa-required{box-sizing:border-box;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.pwa-required-card{text-align:center;width:min(100%,420px)}.pwa-required-logo{border-radius:22px;width:84px;height:84px;margin:0 auto 24px;overflow:hidden}.pwa-required-logo img{object-fit:cover;width:100%;height:100%;display:block}.pwa-required-card h1{margin:0 0 14px}.pwa-required-text{opacity:.8;margin:0 auto 24px;line-height:1.5}.pwa-required-instructions{background:#ffffff0f;border-radius:16px;padding:18px}.pwa-required-instructions p{opacity:.85;margin:10px 0 0;line-height:1.5}.pwa-install-button{cursor:pointer;border:0;border-radius:14px;width:100%;padding:15px 20px;font-size:16px;font-weight:700}.pwa-required-hint{opacity:.65;margin:14px 0 0;font-size:13px;line-height:1.4}.scanner-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.scanner-header h1{letter-spacing:-.055em;margin:6px 0 0;font-size:31px;line-height:1}.scanner-header p:not(.muted-label){color:var(--muted);margin:9px 0 0;font-size:14px;line-height:1.45}.scanner-icon{width:48px;height:48px;color:var(--accent);background:#39ff880d;border:1px solid #39ff8840;border-radius:15px;flex:0 0 48px;place-items:center;display:grid;box-shadow:0 0 25px #39ff880a,inset 0 1px #ffffff0f}.scanner-card{border-radius:24px;width:100%;min-width:0;padding:12px;overflow:hidden}.scanner-camera-wrapper{width:100%;min-width:0;position:relative}.scanner-camera{background:#000;border-radius:17px;width:100%;min-width:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 16px 45px #00000052}#qr-reader{min-width:0;max-width:100%;overflow:hidden;width:100%!important}#qr-reader video{object-fit:cover;border-radius:16px;display:block;width:100%!important;max-width:100%!important;height:auto!important}#qr-reader__scan_region{min-width:0;width:100%!important}#qr-reader__dashboard{max-width:100%;overflow:hidden;width:100%!important}#qr-reader__dashboard_section_csr{width:100%;max-width:100%;overflow:hidden}#qr-reader__dashboard_section_swaplink{color:var(--accent)!important}.scanner-status{color:#858d88;justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:11px;display:flex}.scanner-status svg{color:var(--accent)}.scanner-error{color:#969d99;background:#ffffff08;border:1px solid #ffffff17;border-radius:12px;align-items:flex-start;gap:9px;margin-top:12px;padding:11px 12px;font-size:12px;line-height:1.4;display:flex}.scanner-error svg{color:#aab1ad;flex:none;margin-top:1px}.scanner-card .form-error{align-items:flex-start;gap:9px;margin-top:12px;display:flex}.scanner-card .form-error svg{color:#f77;flex:none;margin-top:1px}.scanner-floating-error{z-index:20;color:#fff;-webkit-backdrop-filter:blur(16px);background:#3c0a0ae6;border:1px solid #ff50504d;border-radius:13px;align-items:center;gap:9px;padding:11px 13px;font-size:12px;font-weight:700;animation:.2s ease-out scannerErrorIn;display:flex;position:absolute;top:12px;left:12px;right:12px;box-shadow:0 12px 30px #00000052}.scanner-floating-error svg{color:#ff8585;flex:none}.scanner-denied{text-align:center;border-radius:24px;padding:28px 22px}.scanner-denied svg{color:#f77}.scanner-denied h1{margin:16px 0 8px;font-size:25px}.scanner-denied p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.scanned-user-card{border-radius:24px;width:100%;min-width:0;padding:21px;overflow:hidden}.scanned-success{color:#d9ff8c;letter-spacing:.14em;align-items:center;gap:8px;margin-bottom:22px;font-size:10px;font-weight:900;display:flex}.scanned-success svg{color:#c6ff45}.scanned-user-main{align-items:center;gap:14px;min-width:0;margin-bottom:22px;display:flex}.scanned-avatar{width:54px;height:54px;color:var(--accent);background:#39ff880e;border:1px solid #39ff883d;border-radius:16px;flex:0 0 54px;place-items:center;font-size:21px;font-weight:800;display:grid}.scanned-user-main>div:last-child{min-width:0}.scanned-user-main h2{letter-spacing:-.035em;overflow-wrap:anywhere;margin:0;font-size:22px}.scanned-user-main p{color:var(--muted);overflow-wrap:anywhere;margin:5px 0 0;font-size:13px}.scanned-details{background:#ffffff0d;border:1px solid #ffffff13;border-radius:16px;gap:1px;display:grid;overflow:hidden}.scanned-details>div{background:#080b09b8;min-width:0;padding:13px 14px}.scanned-details span{color:#666e69;letter-spacing:.15em;margin-bottom:5px;font-size:8px;font-weight:800;display:block}.scanned-details strong{color:#d8ddda;overflow-wrap:anywhere;min-width:0;font-size:12px;line-height:1.4;display:block}.scanner-again-button{width:100%;min-height:52px;color:var(--accent);letter-spacing:.08em;cursor:pointer;background:#39ff880b;border:1px solid #39ff883d;border-radius:14px;justify-content:center;align-items:center;gap:9px;margin-top:15px;font-size:12px;font-weight:900;transition:background .2s,border-color .2s,transform .2s;display:flex}.scanner-again-button:hover{background:#39ff8814;border-color:#39ff8866}.scanner-again-button:active{transform:scale(.985)}.token-section{background:#070b097a;border:1px solid #ffffff13;border-radius:18px;margin-top:20px;padding:17px;box-shadow:inset 0 1px #ffffff09}.token-header{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.token-header>div{flex-direction:column;gap:4px;display:flex}.token-header span{letter-spacing:.13em;text-transform:uppercase;color:#7c847f;font-size:10px;font-weight:800}.token-header strong{letter-spacing:-.045em;font-size:29px;line-height:1}.token-unit{letter-spacing:.12em;color:#666e69;font-size:10px;font-weight:800}.token-controls{grid-template-columns:52px minmax(0,1fr) 52px;align-items:stretch;gap:9px;display:grid}.token-action{cursor:pointer;border:1px solid #ffffff17;border-radius:14px;justify-content:center;align-items:center;min-height:52px;transition:transform .15s,background .15s,border-color .15s;display:flex}.token-action:active{transform:scale(.94)}.token-action:disabled{opacity:.42;cursor:not-allowed;transform:none}.token-action-minus{color:#f77;background:#ff505012}.token-action-minus:hover:not(:disabled){background:#ff505021;border-color:#ff646445}.token-action-plus{color:var(--accent);background:#39ff880f}.token-action-plus:hover:not(:disabled){background:#39ff881c;border-color:#39ff8847}.token-input-wrap{align-items:center;display:flex;position:relative}.token-input{color:#fff;width:100%;height:52px;font:inherit;background:#ffffff09;border:1px solid #ffffff1a;border-radius:14px;outline:none;padding:0 68px 0 16px;font-size:17px;font-weight:650;transition:border-color .18s,background .18s,box-shadow .18s}.token-input::placeholder{color:#ffffff3d}.token-input:focus{background:#39ff8806;border-color:#39ff8873;box-shadow:0 0 0 3px #39ff880e}.token-input:disabled{opacity:.55}.token-input-wrap>span{pointer-events:none;color:#68706b;letter-spacing:.08em;font-size:9px;font-weight:800;position:absolute;right:14px}.token-input::-webkit-outer-spin-button{appearance:none;margin:0}.token-input::-webkit-inner-spin-button{appearance:none;margin:0}.token-input[type=number]{appearance:textfield}.token-hint{color:#68706b;margin:10px 2px 0;font-size:11px;line-height:1.45}.token-notification{z-index:9999;box-sizing:border-box;-webkit-backdrop-filter:blur(20px)saturate(140%);border:1px solid #ffffff1a;border-radius:15px;align-items:center;gap:12px;width:min(420px,100vw - 32px);padding:13px 14px;animation:.3s ease-out token-notification-in,.3s ease-in 3.2s forwards token-notification-out;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #00000061}.token-notification.success{background:#184b2de6;border-color:#6effa033}.token-notification.error{background:#55181ceb;border-color:#ff6e6e33}.token-notification-icon{flex:none;justify-content:center;align-items:center;display:flex}.token-notification.success .token-notification-icon{color:#8cffae}.token-notification.error .token-notification-icon{color:#ff9696}.token-notification>span{flex:1;font-size:13px;font-weight:600;line-height:1.35}.token-notification>button{width:28px;height:28px;color:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}@keyframes scannerErrorIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes token-notification-in{0%{opacity:0;transform:translate(-50%)translateY(-18px)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes token-notification-out{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-10px)scale(.97)}}@media (width<=699px){.scanner-header{margin-bottom:16px}.scanner-header h1{font-size:29px}.scanner-card{border-radius:21px;padding:9px}.scanned-user-card{border-radius:21px;padding:18px}}@media (width<=480px){.token-section{padding:15px}.token-controls{grid-template-columns:48px minmax(0,1fr) 48px;gap:8px}.token-action,.token-input{height:48px;min-height:48px}.token-input{padding-left:13px;padding-right:60px;font-size:16px}.token-notification{width:calc(100vw - 24px);top:14px}}