@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--navy: #0e1426;--navy-soft: #141d36;--green: #00c996;--green-bright: #00e676;--purple: #7c3aed;--pink: #ff2d7a;--yellow: #ffd600;--ink: #11182c;--muted: #697287;--line: #e8ebf1;--surface: #ffffff;--background: #f5f7fa;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--background);font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:var(--background)}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:250px;display:flex;flex-direction:column;padding:30px 20px 22px;color:#fff;background:var(--navy)}.logo{display:inline-flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.logo-mark{position:relative;width:31px;height:32px;display:block;border:3px solid var(--green);border-radius:7px}.logo-mark:before{content:"";position:absolute;top:-8px;left:8px;width:10px;height:9px;border-radius:3px;background:var(--purple)}.logo-mark span:before,.logo-mark span:after{content:"";position:absolute;left:6px;width:7px;height:7px;border-radius:50%;background:currentColor}.logo-mark span:before{top:8px}.logo-mark span:after{top:18px;border-radius:6px 6px 3px 3px}.logo-mark i{position:absolute;right:-8px;bottom:-7px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--purple);font-size:10px;font-style:normal;font-weight:800;box-shadow:0 0 0 2px var(--navy)}.logo-name{font-size:21px;font-weight:800;letter-spacing:-.06em}.logo-name span{color:var(--green)}.event-card{display:flex;align-items:center;gap:10px;margin:34px 0 20px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#ffffff0b}.event-card__dot,.online-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--green-bright);box-shadow:0 0 0 4px #00e6761f}.event-card div{min-width:0}.event-card small,.profile small{display:block;color:#8d97ad;font-size:10px}.event-card strong{display:block;margin-top:3px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.main-nav{display:grid;gap:5px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 13px;border:0;border-radius:9px;color:#adb5c6;background:transparent;font-size:13px;font-weight:600;text-align:left;cursor:pointer}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.is-active{color:#fff;background:linear-gradient(110deg,#00e67633,#00c99614)}.nav-item.is-active:before{content:"";position:absolute;left:0;width:3px;height:28px;border-radius:0 4px 4px 0;background:var(--green-bright)}.nav-icon{width:20px;color:inherit;font-size:17px;text-align:center}.profile{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--purple),var(--pink));font-size:11px;font-weight:800}.profile strong{display:block;font-size:11px}.profile-more{border:0;color:#7c879d;background:none;cursor:pointer}.workspace{min-width:0;grid-column:2}.topbar{height:70px;display:flex;align-items:center;justify-content:flex-end;gap:28px;padding:0 38px;border-bottom:1px solid var(--line);background:#ffffffeb}.logo--mobile{display:none}.topbar__event{display:none;align-items:center;gap:9px;font-size:12px;font-weight:700}.counter{display:flex;align-items:center;gap:9px}.counter small{color:var(--muted);font-size:11px}.counter strong{font-size:18px}.counter>span{color:var(--green);font-size:18px}.content{width:min(1220px,100%);margin:0 auto;padding:48px 46px 64px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:29px}.eyebrow{margin:0 0 9px;color:var(--green);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}h1{margin:0;color:var(--ink);font-size:clamp(28px,3vw,40px);line-height:1.08;letter-spacing:-.045em}.lead{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.live-badge{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #dcf5eb;border-radius:999px;color:#168164;background:#f2fcf8;font-size:10px;font-weight:700}.live-badge span{width:7px;height:7px;border-radius:50%;background:var(--green)}.live-badge.is-warning{color:#8a6900;border-color:#f1e4aa;background:#fffbea}.live-badge.is-warning span{background:var(--yellow)}.dashboard-grid{display:grid;grid-template-columns:minmax(300px,.86fr) minmax(440px,1.4fr);gap:22px}.scanner-card,.recent-card,.panel,.stats-board article{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 12px 34px #1920380b}.scanner-card{padding:26px;text-align:center}.scanner-visual{position:relative;width:min(210px,72%);aspect-ratio:1;display:grid;place-items:center;margin:4px auto 21px;border-radius:18px;background:#f7faf9;overflow:hidden}.corner{position:absolute;width:34px;height:34px;border-color:var(--green);border-style:solid}.corner--tl{inset:0 auto auto 0;border-width:3px 0 0 3px;border-radius:10px 0 0}.corner--tr{inset:0 0 auto auto;border-width:3px 3px 0 0;border-radius:0 10px 0 0}.corner--bl{inset:auto auto 0 0;border-width:0 0 3px 3px;border-radius:0 0 0 10px}.corner--br{inset:auto 0 0 auto;border-width:0 3px 3px 0;border-radius:0 0 10px}.qr-demo{width:112px;height:112px;display:grid;grid-template-columns:repeat(3,1fr);place-items:center;color:var(--navy);background:#fff;font-size:38px;line-height:.6;letter-spacing:-10px;transform:rotate(1deg)}.scan-line{position:absolute;left:15%;right:15%;top:48%;height:2px;background:var(--green);box-shadow:0 0 12px var(--green);animation:scan 2.8s ease-in-out infinite}@keyframes scan{0%,to{transform:translateY(-65px);opacity:.45}50%{transform:translateY(65px);opacity:1}}.search-hero{position:relative;width:min(210px,72%);aspect-ratio:1;display:grid;place-items:center;margin:4px auto 21px;border-radius:50%;color:var(--purple);background:radial-gradient(circle,white 0 38%,transparent 39%),linear-gradient(145deg,#f1ebff,#e9fbf5)}.search-hero>span{z-index:2;font-size:72px;font-weight:500;line-height:1;transform:translateY(-4px)}.search-hero i{position:absolute;border:1px solid rgba(124,58,237,.16);border-radius:50%;animation:search-pulse 3s ease-out infinite}.search-hero i:nth-of-type(1){inset:18%}.search-hero i:nth-of-type(2){inset:8%;animation-delay:.55s}.search-hero i:nth-of-type(3){inset:-2%;animation-delay:1.1s}@keyframes search-pulse{0%,to{opacity:.28;transform:scale(.9)}50%{opacity:.8;transform:scale(1.03)}}.camera-chip{display:inline-flex;padding:6px 9px;border-radius:999px;color:#168164;background:#edfaf6;font-size:9px;font-weight:700}.scanner-copy h2,.section-heading h2{margin:11px 0 0;font-size:17px;letter-spacing:-.025em}.scanner-copy p{max-width:31ch;margin:8px auto 19px;color:var(--muted);font-size:11px;line-height:1.55}.manual-toggle{width:100%;display:flex;justify-content:center;gap:8px;padding:11px;border:0;color:var(--green);background:transparent;font-size:10px;font-weight:700;cursor:pointer}.manual-form{padding-top:12px;border-top:1px solid var(--line);text-align:left}.manual-form label{display:block;margin-bottom:7px;font-size:10px;font-weight:700}.manual-form div{display:flex;gap:8px}.manual-form input{min-width:0;flex:1;padding:10px 11px;border:1px solid #d9dee8;border-radius:9px;outline:0;text-transform:uppercase}.manual-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px #00c9961c}.manual-form button,.secondary-button{padding:10px 14px;border:0;border-radius:9px;color:#fff;background:var(--purple);font-size:10px;font-weight:700;cursor:pointer}.recent-card,.panel{padding:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-kicker{color:var(--green);font-size:8px;font-weight:800;letter-spacing:.12em}.text-button{border:0;color:var(--green);background:none;font-size:9px;font-weight:700;cursor:pointer}.pickup-list{display:grid}.pickup-row{min-height:52px;display:grid;grid-template-columns:24px 63px minmax(110px,1.4fr) minmax(75px,1fr) 42px;align-items:center;gap:8px;border-bottom:1px solid #eff1f5;font-size:9px}.pickup-row:last-child{border-bottom:0}.success-icon{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--green);font-size:10px;font-weight:800}.pickup-name{font-weight:600}.pickup-type,.pickup-row time{color:var(--muted)}.pickup-row time{text-align:right}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.quick-stats article{display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:12px;padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:#fff}.stat-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;font-size:18px;font-weight:800}.stat-icon--green{color:#05966e;background:#e9fbf5}.stat-icon--purple{color:var(--purple);background:#f1ebff}.stat-icon--pink{color:var(--pink);background:#ffe9f1}.quick-stats strong,.quick-stats small{display:block}.quick-stats strong{font-size:17px}.quick-stats small{margin-top:2px;color:var(--muted);font-size:8px}.quick-stats em{color:var(--green);font-size:9px;font-style:normal;font-weight:700}.pickup-list--full .pickup-row{min-height:65px;font-size:11px}.search-box{display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid #dce1e9;border-radius:11px;color:var(--muted)}.search-box input{width:100%;border:0;outline:0}.empty-state{min-height:300px;display:grid;place-content:center;text-align:center}.empty-state>span{color:var(--purple);font-size:44px}.empty-state h2{margin:12px 0 5px;font-size:18px}.empty-state p{margin:0;color:var(--muted);font-size:11px}.stats-board{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stats-board article{min-height:210px;padding:24px}.stats-board small{color:var(--muted)}.stats-board strong{display:block;margin:25px 0;font-size:34px}.stats-board strong span{color:var(--muted);font-size:11px;font-weight:500}.stats-board p{color:var(--muted);font-size:10px}.progress{height:8px;border-radius:8px;background:#e9edf2;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--green-bright))}.bars{height:55px;display:flex;align-items:flex-end;gap:6px}.bars i{flex:1;border-radius:4px 4px 0 0;background:var(--purple)}.positive{color:var(--green)!important;font-weight:700}.settings-list{display:grid;gap:2px}.settings-list button{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;padding:15px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;cursor:pointer}.settings-list button>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--purple);background:#f2edff;font-weight:800}.settings-list strong,.settings-list small{display:block}.settings-list small{margin-top:4px;color:var(--muted)}.settings-list b{color:var(--muted);font-size:22px}.mobile-nav{display:none}.toast{position:fixed;right:28px;bottom:28px;z-index:50;padding:13px 18px;border-radius:11px;color:#fff;background:var(--navy);font-size:12px;box-shadow:0 15px 40px #0e142640;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s ease}.toast.is-visible{opacity:1;transform:none}.login-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#080d1cb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.backend-gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 75% 20%,rgba(0,230,118,.17),transparent 30%),radial-gradient(circle at 15% 85%,rgba(124,58,237,.22),transparent 32%),var(--navy)}.backend-login h1{margin-bottom:10px;font-size:30px}.backend-login .logo-mark i{box-shadow:0 0 0 2px #fff}.login-event{margin:0;border-color:#dce1e9;background:#f7f9fc}.login-event strong{color:var(--navy);font-size:13px}.result-card{max-height:min(720px,90vh);overflow:auto}.profile-more#logout{width:auto;color:#aeb6c8;font-size:9px}.volunteer-shell .sidebar{justify-content:flex-start}.volunteer-shell .profile{margin-top:auto}.volunteer-workspace{max-width:880px}.volunteer-heading{align-items:center}.volunteer-search-card{padding:clamp(22px,4vw,34px);border:1px solid #dfe3eb;border-radius:22px;background:#fff;box-shadow:0 20px 60px #19203814}.volunteer-search{position:relative;display:flex;align-items:center}.volunteer-search>span{position:absolute;left:19px;color:var(--purple);font-size:31px;pointer-events:none;transform:translateY(-2px)}.volunteer-search input{width:100%;padding:20px 58px 20px 62px;border:2px solid #cfd5e0;border-radius:14px;color:var(--ink);background:#fff;font-size:clamp(18px,2.5vw,24px);font-weight:650;outline:0;transition:.2s ease}.volunteer-search input:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 4px #00c9961a}.volunteer-search input::placeholder{color:#a5acb9;font-weight:500}.search-hint{margin:10px 4px 20px;color:var(--muted);font-size:10px}.search-spinner{position:absolute;right:20px;width:18px;height:18px;border:2px solid #e0e3ea;border-top-color:var(--purple);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.live-results{min-height:210px;display:grid;gap:9px;padding-top:18px;border-top:1px solid var(--line)}.search-start{min-height:210px;display:grid;place-content:center;justify-items:center;gap:8px;color:#a0a8b8;text-align:center}.search-start span{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:var(--purple);background:#f2edff;font-size:24px;font-weight:700}.search-start p{margin:0;font-size:11px;font-weight:600}.search-start.is-error span{color:#c62828;background:#ffeded}.participant-list-row{width:100%;min-height:74px;display:grid;grid-template-columns:34px minmax(150px,1fr) minmax(150px,auto) 20px;align-items:center;gap:14px;padding:12px 15px;border:1px solid #e1e5ec;border-radius:13px;color:var(--ink);background:#fff;text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.participant-list-row:hover,.participant-list-row:focus-visible{border-color:var(--green);box-shadow:0 8px 24px #00c9961a;outline:0;transform:translateY(-1px)}.participant-list-status{width:30px;height:30px;display:grid;place-items:center;border:2px solid var(--green);border-radius:50%;color:#fff;background:#fff;font-size:13px;font-weight:800}.participant-list-status:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}.participant-list-status.is-issued{border-color:#aab1bd;background:#aab1bd}.participant-list-status.is-issued:after{display:none}.participant-list-name{min-width:0}.participant-list-name strong,.participant-list-name small{display:block}.participant-list-name strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.participant-list-name small{margin-top:4px;color:var(--muted);font-size:9px}.start-number-badges{max-width:290px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.start-number{display:inline-flex;padding:6px 10px;border:2px solid #aeb5c1;border-radius:999px;color:var(--ink);background:#fff;font-size:12px;font-weight:800;line-height:1;white-space:nowrap}.start-number--i{color:var(--ink);border-color:#e62d4f;background:#fff5f7}.start-number--p{color:var(--ink);border-color:#ce69e7;background:#fcf5ff}.start-number--d{color:var(--ink);border-color:#ff6b27;background:#fff7f2}.start-number--empty{color:var(--muted);border-color:var(--line);background:#f5f6f8;font-weight:600}.start-number-badges--detail{max-width:none;justify-content:flex-start;margin-top:9px}.start-number-badges--detail .start-number{padding:9px 13px;border-width:3px;font-size:14px}.participant-list-row>i{color:#a6adba;font-size:22px;font-style:normal;text-align:right}.login-card,.participant-card{width:min(100%,430px);padding:34px;border-radius:22px;background:#fff;box-shadow:0 30px 90px #00000047}.login-card .logo{color:var(--navy);margin-bottom:32px}.login-card .logo-mark i{box-shadow:0 0 0 2px #fff}.login-card h2,.participant-card h2{margin:7px 0 10px;font-size:26px;line-height:1.15;letter-spacing:-.04em}.login-card>p:not(.eyebrow){margin:0 0 25px;color:var(--muted);font-size:12px;line-height:1.6}.login-card form{display:grid;gap:15px}.login-card label{display:grid;gap:7px;font-size:10px;font-weight:700}.login-card input,.login-card select{width:100%;padding:13px 14px;border:1px solid #dce1e9;border-radius:10px;background:#fff;outline:0}.login-card input:focus,.login-card select:focus{border-color:var(--green);box-shadow:0 0 0 3px #00c9961a}.login-card form>button,.issue-button{display:flex;justify-content:space-between;padding:14px 17px;border:0;border-radius:10px;color:#fff;background:linear-gradient(110deg,var(--purple),#6325d5);font-weight:700;cursor:pointer}.login-card form>button:disabled,.issue-button:disabled{opacity:.6;cursor:wait}.form-error{min-height:14px;margin:-3px 0!important;color:#c62828!important;font-size:10px!important}.participant-backdrop{background:#080d1c9e}.participant-card{position:relative}.participant-card--issued{border:2px solid #e33b46;background:#fff0f1;box-shadow:0 30px 90px #9f14204d}.participant-card--issued .dialog-close{color:#9f1420;background:#ffd9dc}.participant-card--issued .participant-meta div{border:1px solid #f1b8bd;background:#ffffffb3}.issued-alert{display:flex;align-items:center;gap:13px;margin:0 44px 22px 0;padding:15px;border-radius:13px;color:#fff;background:#d92332}.issued-alert>span{width:31px;height:31px;flex:0 0 auto;display:grid;place-items:center;border:2px solid white;border-radius:50%;font-size:18px;font-weight:900}.issued-alert strong,.issued-alert small{display:block}.issued-alert strong{font-size:16px}.issued-alert small{margin-top:3px;color:#ffe8ea;font-size:9px}.dialog-close{position:absolute;top:15px;right:16px;width:34px;height:34px;border:0;border-radius:50%;color:var(--muted);background:#f2f4f7;font-size:22px;cursor:pointer}.participant-status{display:inline-flex;margin-bottom:12px;padding:6px 9px;border-radius:999px;color:#087756;background:#e7faf4;font-size:8px;font-weight:800;letter-spacing:.08em}.participant-status.is-issued{color:#6e7481;background:#eceef2}.participant-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.participant-meta div{padding:15px;border-radius:12px;background:#f6f7f9}.participant-meta small,.participant-meta strong{display:block}.participant-meta small,.package-items>small{margin-bottom:6px;color:var(--muted);font-size:9px}.package-items{display:grid;gap:8px;margin-bottom:25px}.package-items span{font-size:11px}.package-items span:first-letter{color:var(--green)}.issue-button{width:100%;justify-content:center;background:linear-gradient(110deg,var(--green),#00b887)}.issue-button--issued{color:#fff;background:#b91f2c;opacity:1!important;cursor:not-allowed!important}.revert-button{width:100%;padding:14px 17px;border:2px solid #b91f2c;border-radius:10px;color:#9f1420;background:#fff;font-weight:800;cursor:pointer}.revert-button:hover{color:#fff;background:#b91f2c}.revert-button:disabled{opacity:.6;cursor:wait}@media(max-width:900px){.app-shell{display:block;padding-bottom:70px}.sidebar{display:none}.workspace{display:block}.topbar{height:64px;justify-content:space-between;padding:0 20px}.logo--mobile{display:inline-flex}.logo--mobile .logo-mark{width:27px;height:28px;color:var(--navy)}.logo--mobile .logo-name{font-size:18px}.counter{display:none}.topbar__event{display:flex}.content{padding:30px 20px 45px}.dashboard-grid,.quick-stats,.stats-board{grid-template-columns:1fr}.mobile-nav{position:fixed;inset:auto 0 0;z-index:30;height:70px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:#fffffff5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.mobile-nav__item{display:grid;place-content:center;gap:3px;border:0;color:#8b93a3;background:transparent;cursor:pointer}.mobile-nav__item>span{font-size:20px}.mobile-nav__item small{font-size:8px;font-weight:700}.mobile-nav__item.is-active{color:var(--green)}}@media(max-width:560px){.page-heading{align-items:flex-start;margin-bottom:22px}.live-badge{display:none}.scanner-card,.recent-card,.panel{border-radius:15px;padding:18px}.scanner-visual{width:min(190px,72%)}.recent-card{padding-bottom:7px}.pickup-row{grid-template-columns:22px 58px minmax(90px,1fr) 36px;min-height:54px}.pickup-type{display:none}.quick-stats{grid-template-columns:repeat(3,1fr);gap:7px}.quick-stats article{display:block;padding:12px 8px;text-align:center}.stat-icon{width:34px;height:34px;margin:0 auto 7px}.quick-stats em{display:none}.topbar__event span:last-child{max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast{right:16px;bottom:86px;left:16px;text-align:center}.volunteer-workspace{padding-top:24px}.volunteer-heading{margin-bottom:20px}.volunteer-search-card{padding:14px;border-radius:16px}.volunteer-search input{padding:17px 46px 17px 51px}.volunteer-search>span{left:15px}.participant-list-row{grid-template-columns:30px 1fr 18px;gap:10px;padding:12px}.participant-list-row .start-number-badges{grid-column:2;max-width:none;justify-content:flex-start}.participant-list-row>i{grid-column:3;grid-row:1 / span 2}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}