@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--green: #009639;--green-dark: #007a2e;--green-soft: #e8f5ec;--red: #ff5252;--red-dark: #e53935;--text: #1a1a1a;--muted: #666;--line: #ececec;--bg: #f5f7f5;--card: #ffffff;--shadow: 0 4px 14px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .12);--radius: 14px}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--green);text-decoration:none}a:hover{color:var(--green-dark)}h1,h2,h3{font-weight:600;line-height:1.2}h2{font-size:22px}h3{font-size:17px}.app-shell{max-width:480px;min-height:100vh;margin:0 auto;background:var(--card);display:flex;flex-direction:column;box-shadow:0 0 40px #00000014}.content{flex:1;padding:20px 18px 32px}.topbar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:10}.topbar-logo{display:flex;align-items:center}.topbar-logo .logo-en{height:34px;width:auto;display:block}.topbar-logo .logo-ar{height:30px;width:auto;display:block}@media (prefers-color-scheme: dark){.topbar{background:#131c16f5}}:root[data-theme=dark] .topbar{background:#131c16f5}:root[data-theme=light] .topbar{background:#fffffff5}.has-bottomnav .content{padding-bottom:84px}.bottomnav{position:sticky;bottom:0;display:flex;justify-content:space-around;align-items:stretch;gap:4px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#fffffff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);z-index:10}@media (prefers-color-scheme: dark){.bottomnav{background:#131c16f7}}:root[data-theme=dark] .bottomnav{background:#131c16f7}:root[data-theme=light] .bottomnav{background:#fffffff7}.bn-item{flex:1;width:auto;background:none;border:none;padding:4px 2px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--ink-faint, var(--muted));font-size:11px;font-weight:500;cursor:pointer;text-decoration:none;transition:color .16s ease}.bn-item:hover{background:none;color:var(--green)}.bn-item.active{color:var(--green)}.bn-item svg{display:block}button,.btn{font:inherit;font-weight:500;padding:12px 16px;border-radius:10px;border:none;background:var(--green);color:#fff;cursor:pointer;width:100%;transition:background .15s ease,transform .05s ease}button:hover,.btn:hover{background:var(--green-dark)}button:active{transform:translateY(1px)}button:disabled{background:#ccc;cursor:not-allowed}button.secondary{background:#f0f0f0;color:var(--text)}button.secondary:hover{background:#e3e3e3}button.danger{background:var(--red)}button.danger:hover{background:var(--red-dark)}input,textarea,select{font:inherit;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #00963926}textarea{resize:vertical;min-height:90px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;color:var(--muted);font-weight:500}.event-card{display:block;padding:0;border-radius:var(--radius);margin-bottom:14px;background:var(--card);box-shadow:var(--shadow);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;color:var(--text)}.event-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.event-card .body{padding:14px 16px}.event-card h3{margin-bottom:6px;color:var(--text)}.event-card .meta{font-size:13px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}.event-card .meta .pill{background:var(--green-soft);color:var(--green-dark);padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500}.page-title{font-size:24px;font-weight:600;margin-bottom:18px}.muted{color:var(--muted);font-size:14px}.error{color:var(--red-dark);font-size:13px;margin-top:10px;padding:10px 12px;background:#fff0f0;border-radius:8px}.hero{margin:-20px -18px 22px;height:180px;background-size:cover;background-position:center;position:relative}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000 40%,#0000008c)}.hero .hero-text{position:absolute;bottom:14px;left:18px;right:18px;color:#fff;z-index:1}.hero h1{font-size:22px;font-weight:600;margin-bottom:4px}.hero p{font-size:13px;opacity:.92}.auth-card{background:var(--card);padding:22px 20px;border-radius:var(--radius);box-shadow:var(--shadow)}.auth-footer{margin-top:18px;font-size:14px;text-align:center;color:var(--muted)}.tabs{display:flex;gap:8px;margin-bottom:14px;background:#f0f0f0;padding:4px;border-radius:10px}.tab{flex:1;width:auto;padding:8px 10px;background:transparent;color:var(--muted);font-size:14px;font-weight:500;border-radius:7px}.tab:hover{background:transparent;color:var(--text)}.tab.active{background:var(--card);color:var(--green);box-shadow:0 1px 3px #00000014}.tab.active:hover{background:var(--card)}.hint{font-size:12px;color:var(--muted);margin-top:2px}.whatsapp-btn{background:#25d366;margin-top:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.whatsapp-btn:hover{background:#1ebe5b}.auth-shell{padding:24px 18px 28px}.welcome{display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 52px);justify-content:center;text-align:center}.welcome-brand{margin-bottom:44px}.welcome-brand .app-icon{width:96px;height:96px;object-fit:cover;border-radius:22px;margin-bottom:18px;box-shadow:0 10px 30px #00000024}.welcome-brand .welcome-wordmark{height:40px;width:auto;margin-bottom:12px}.welcome-brand h1{font-size:28px;font-weight:700;color:var(--green);margin-bottom:8px;letter-spacing:.3px}.welcome-brand p{color:var(--muted);font-size:15px;max-width:280px;margin:0 auto;line-height:1.4}.whatsapp-cta{background:#25d366;color:#fff;padding:18px 24px;font-size:17px;font-weight:600;border-radius:14px;width:100%;max-width:340px;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 6px 20px #25d36659;transition:transform .1s ease,box-shadow .2s ease,background .15s ease}.whatsapp-cta:hover{background:#1ebe5b;box-shadow:0 8px 24px #25d36673}.whatsapp-cta:active{transform:translateY(1px)}.welcome-fine{margin-top:18px;font-size:13px;color:var(--muted)}.role-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.role-card{background:var(--card);border:2px solid var(--line);border-radius:14px;padding:16px 12px 14px;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text);cursor:pointer;width:auto;transition:border-color .22s cubic-bezier(.16,1,.3,1),background .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1);will-change:transform}.role-card:hover{border-color:color-mix(in srgb,var(--green) 55%,var(--line));background:color-mix(in srgb,var(--green-soft) 55%,var(--card));transform:translateY(-2px);box-shadow:0 8px 22px #0096391f}.role-card:active{transform:translateY(0) scale(.98);transition-duration:90ms}.role-card.selected{border-color:var(--green);background:var(--green-soft);box-shadow:0 8px 24px #00963938}.role-card.selected:hover{transform:translateY(-2px)}.role-emoji{font-size:30px;line-height:1;margin-bottom:4px;transition:transform .26s cubic-bezier(.16,1,.3,1)}.role-card:hover .role-emoji{transform:scale(1.08) rotate(-4deg)}.role-card.selected .role-emoji{transform:scale(1.1)}.role-title{font-size:15px;font-weight:600;color:var(--text)}.role-card.selected .role-title{color:var(--green-dark)}.role-sub{font-size:12px;color:var(--muted)}.upload-progress{height:8px;background:var(--line);border-radius:999px;overflow:hidden;margin:6px 0 14px;position:relative}.upload-progress-bar{height:100%;background:linear-gradient(90deg,var(--green) 0%,#33c05a 100%);border-radius:999px;transition:width .22s cubic-bezier(.16,1,.3,1);box-shadow:0 0 12px #00963959}.upload-progress-bar.indeterminate{width:100%;background:linear-gradient(90deg,var(--green) 0%,#33c05a 40%,#7ce09a 50%,#33c05a 60%,var(--green) 100%);background-size:220% 100%;animation:upload-shimmer 1.1s cubic-bezier(.4,0,.6,1) infinite}@keyframes upload-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.events-page{margin:-20px -18px 0;padding:20px 18px 32px}.events-page .page-title{margin-bottom:16px}.event-feed{display:flex;flex-direction:column;gap:16px}.event-tile{position:relative;display:block;width:100%;aspect-ratio:3 / 4;border-radius:20px;overflow:hidden;background:#111;color:#fff;text-decoration:none;box-shadow:0 12px 32px #0000002e;transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1);will-change:transform}.event-tile:hover{transform:translateY(-3px);box-shadow:0 20px 44px #0000003d}.event-tile:active{transform:translateY(0) scale(.99);transition-duration:.1s}.event-tile-video,.event-tile-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.event-tile-placeholder{background:linear-gradient(135deg,var(--green) 0%,#56b878 55%,#7ce09a 100%)}.event-tile-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#0000 42%,#00000040 65%,#000000bf);pointer-events:none}.event-tile-body{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}.event-tile-title{font-size:22px;font-weight:700;line-height:1.2;margin-bottom:8px;color:#fff;letter-spacing:.2px}.event-tile-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.event-tile-pill{padding:4px 12px;background:#ffffff2e;border:1px solid rgba(255,255,255,.32);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:999px;font-size:12px;font-weight:600;color:#fff}.event-tile-date{font-size:13px;color:#ffffffe6;font-weight:500}.take-nafas-btn{background:var(--green);color:#fff;font-size:17px;font-weight:600;padding:16px 20px;border-radius:12px;letter-spacing:.3px;box-shadow:0 6px 18px #00963952;transition:background .18s ease,transform .12s ease,box-shadow .18s ease}.take-nafas-btn:hover{background:var(--green-dark);box-shadow:0 10px 24px #00963966}.take-nafas-btn:active{transform:translateY(1px)}.take-nafas-btn.secondary-cta{background:var(--green-soft);color:var(--green-dark);box-shadow:none}.take-nafas-btn.secondary-cta:hover{background:#d7eedd;box-shadow:none}.price-row{display:flex;gap:8px}.price-row input{flex:1}.price-row select{width:92px}.detail-facts{display:flex;flex-direction:column;gap:2px;margin-bottom:18px;background:var(--panel-2, #eef3ee);border-radius:14px;padding:6px}.fact{display:flex;align-items:center;gap:12px;padding:11px 12px;font-size:14.5px;color:var(--text);border-radius:10px;text-decoration:none}.fact-icon{color:var(--green);flex:none}.fact-link{transition:background .15s ease}.fact-link:hover{background:var(--green-soft);color:var(--text)}.fact-chevron{margin-left:auto;color:var(--green);font-size:20px;line-height:1;font-weight:600}.dash-event{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;box-shadow:var(--shadow);overflow:hidden}.dash-event-head{width:100%;background:none;border:none;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:left;color:var(--text)}.dash-event-head:hover{background:var(--green-soft)}.dash-event-title{font-size:16px;font-weight:600}.dash-event-meta{font-size:12.5px;color:var(--muted);margin-top:2px}.dash-caret{font-size:22px;color:var(--green);transition:transform .2s cubic-bezier(.16,1,.3,1);flex:none}.dash-caret.open{transform:rotate(90deg)}.roster{padding:4px 14px 16px}.roster-summary{display:flex;gap:16px;margin-bottom:10px}.roster-stat{font-size:13px;color:var(--muted)}.roster-stat b{color:var(--text);font-size:15px}.tally{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tally-chip{background:var(--green-soft);color:var(--green-dark);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.roster-list{display:flex;flex-direction:column;gap:8px}.roster-row{border:1px solid var(--line);border-radius:10px;padding:10px 12px}.roster-main{display:flex;align-items:center;gap:8px}.roster-main .dot{width:8px;height:8px;border-radius:50%;flex:none}.roster-main .dot.on{background:var(--green)}.roster-main .dot.off{background:#f5b400}.roster-name{font-weight:600;font-size:14px}.roster-phone{margin-left:auto;font-size:12.5px;color:var(--green);font-family:var(--mono, monospace)}.roster-prefs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.content-page{padding:4px 0 32px}.mail-link{color:var(--green);text-decoration:underline;text-underline-offset:3px;font-weight:500}.bullet-list{list-style:disc;padding-left:22px;margin-bottom:18px;color:var(--text)}.bullet-list li{margin-bottom:6px}.btn-link{display:block;text-decoration:none}.pending-hero{margin-bottom:20px}.pending-badge{display:inline-block;background:var(--green-soft);color:var(--green-dark);padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600}.pay-card{background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:4px 4px 8px;margin-bottom:22px}.pay-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.pay-row:last-child{border-bottom:none}.pay-label{font-size:13px;color:var(--muted);font-weight:500}.pay-value{font-size:15px;color:var(--text);font-weight:500;max-width:60%;text-align:right;overflow-wrap:anywhere}.pay-copyable{background:transparent;border:1px dashed var(--line);padding:6px 10px;border-radius:8px;width:auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:var(--text);font-weight:600;transition:border-color .16s ease,background .16s ease}.pay-copyable:hover{border-color:var(--green);background:var(--green-soft)}.pay-copy-hint{font-size:11px;color:var(--muted);font-weight:400}.pay-steps{padding-left:24px;margin-bottom:22px;color:var(--text)}.pay-steps li{margin-bottom:8px;line-height:1.5}.official-badge{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;background:var(--green-soft);color:var(--green-dark);font-size:14px;font-weight:600;margin-bottom:14px}.official-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--green);color:#fff;font-size:13px;font-weight:700}.pending-status{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:12px;background:#fff8e1;color:#7a5b00;font-size:14px}.pending-dot{width:10px;height:10px;border-radius:50%;background:#f5b400;box-shadow:0 0 #f5b40099;animation:pending-pulse 1.6s ease-in-out infinite}@keyframes pending-pulse{0%{box-shadow:0 0 #f5b4008c}70%{box-shadow:0 0 0 10px #f5b40000}to{box-shadow:0 0 #f5b40000}}.reveal-box{position:relative;overflow:hidden;border-radius:20px;padding:32px 22px;min-height:190px;color:#fff;background:radial-gradient(120% 90% at 50% 50%,#114f2a,#0a2919 55%,#061c11);box-shadow:0 12px 32px #00000047,inset 0 0 0 1px #ffffff0d;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .22s cubic-bezier(.16,1,.3,1)}.reveal-box:hover{transform:translateY(-2px)}.reveal-box:active{transform:scale(.99)}.reveal-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(closest-side,#25d36659,#25d36600 70%);filter:blur(20px);opacity:.35;transition:opacity .5s ease,transform .9s cubic-bezier(.16,1,.3,1);animation:reveal-breathe 3s ease-in-out infinite;z-index:0;pointer-events:none}.reveal-revealing .reveal-glow,.reveal-revealed .reveal-glow,.reveal-copied .reveal-glow{opacity:.85;transform:scale(1.15);animation:none}@keyframes reveal-breathe{0%,to{opacity:.28;transform:scale(1)}50%{opacity:.45;transform:scale(1.05)}}.reveal-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.reveal-sparkle{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#ffe57a,#ffc93b 55%,#ffc83700);transform-origin:0 0;opacity:0}.reveal-revealing .reveal-sparkle{animation:reveal-spark .9s cubic-bezier(.14,.62,.24,1) forwards}@keyframes reveal-spark{0%{opacity:0;transform:rotate(var(--r, 0)) translate(0) scale(.4)}35%{opacity:1}to{opacity:0;transform:rotate(var(--r, 0)) translate(140px) scale(.8)}}.reveal-locked-layer{position:relative;z-index:2;text-align:center;transition:opacity .3s ease,transform .55s cubic-bezier(.5,-.3,.6,1)}.reveal-lock{font-size:34px;margin-bottom:10px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5));animation:reveal-lock-float 3s ease-in-out infinite}@keyframes reveal-lock-float{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-4px) rotate(4deg)}}.reveal-locked-title{font-size:15px;font-weight:600;margin-bottom:4px;letter-spacing:.3px}.reveal-locked-sub{font-size:13px;color:#ffffffb3}.reveal-revealing .reveal-locked-layer,.reveal-revealed .reveal-locked-layer,.reveal-copied .reveal-locked-layer{opacity:0;transform:scale(.6) rotate(-8deg);pointer-events:none}.reveal-revealed-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;padding:26px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;transform:scale(.9);transition:opacity .4s ease .45s,transform .55s cubic-bezier(.16,1,.3,1) .4s;pointer-events:none}.reveal-revealed .reveal-revealed-layer,.reveal-copied .reveal-revealed-layer{opacity:1;transform:scale(1);pointer-events:auto}.reveal-wa-icon{color:#25d366;margin-bottom:10px;filter:drop-shadow(0 0 12px rgba(37,211,102,.55));animation:reveal-icon-pop .5s cubic-bezier(.16,1,.3,1) .5s both}@keyframes reveal-icon-pop{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.reveal-link{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;font-weight:500;color:#fff;background:#ffffff17;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:8px 12px;margin-bottom:10px;max-width:100%;overflow-wrap:anywhere;text-align:center;transition:background .2s ease,border-color .2s ease}.reveal-copied .reveal-link{background:#25d36638;border-color:#25d3668c}.reveal-copy-hint{font-size:12px;color:#ffffffbf;transition:color .2s ease;min-height:16px}.reveal-copied .reveal-copy-hint{color:#b2ffcb;font-weight:500}.reveal-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.22) 45%,rgba(255,255,255,.55) 50%,rgba(255,255,255,.22) 55%,transparent 70%);transform:translate(-100%);z-index:3;pointer-events:none;opacity:0}.reveal-revealing .reveal-shimmer{animation:reveal-shimmer-sweep .9s cubic-bezier(.5,0,.3,1) forwards}@keyframes reveal-shimmer-sweep{0%{transform:translate(-100%);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(100%);opacity:0}}@media (prefers-reduced-motion: reduce){.reveal-glow,.reveal-lock{animation:none}.reveal-shimmer,.reveal-sparkle{display:none}.reveal-locked-layer,.reveal-revealed-layer,.reveal-glow{transition-duration:.2s}}.option-builder{display:flex;gap:8px}.option-builder input{flex:1}.option-add{width:auto;padding:10px 16px;background:var(--green-soft);color:var(--green-dark);font-weight:600}.option-add:hover{background:#d7eedd}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--green-soft);color:var(--green-dark);padding:6px 8px 6px 12px;border-radius:999px;font-size:13px;font-weight:500}.chip-remove{width:20px;height:20px;padding:0;border-radius:50%;background:#007a2e26;color:var(--green-dark);font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.chip-remove:hover{background:#007a2e4d}.pref-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.pref-toggle{width:auto;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:var(--card);border:2px solid var(--line);color:var(--text);font-size:14px;font-weight:500;transition:border-color .2s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.pref-toggle:hover{border-color:var(--green);transform:translateY(-1px);background:var(--card)}.pref-toggle:active{transform:scale(.97)}.pref-toggle.on{background:var(--green-soft);border-color:var(--green);color:var(--green-dark)}.pref-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#f0f0f0;color:var(--muted);font-size:12px;font-weight:700;transition:background .2s ease,color .2s ease,transform .2s cubic-bezier(.16,1,.3,1)}.pref-toggle.on .pref-check{background:var(--green);color:#fff;transform:scale(1.08)}.terms-row{display:flex;gap:12px;align-items:flex-start;padding:14px;background:#fafafa;border:1px solid var(--line);border-radius:12px;margin-bottom:18px;font-size:13px;line-height:1.5;color:var(--text);cursor:pointer}.terms-row input[type=checkbox]{width:20px;height:20px;min-width:20px;margin-top:1px;accent-color:var(--green);cursor:pointer}.pay-mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;letter-spacing:.4px;overflow-wrap:anywhere}.phone-preview{text-align:center;font-size:22px;font-weight:600;letter-spacing:1.5px;margin-bottom:10px;color:var(--text);font-variant-numeric:tabular-nums}.phone-wheels{display:flex;gap:4px;justify-content:center;align-items:center;margin-bottom:10px}.wheel-divider{width:6px;height:2px;background:var(--line);border-radius:2px}.wheel-wrap{position:relative;width:42px}.wheel-wrap.wide{width:62px}.wheel{height:120px;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.wheel::-webkit-scrollbar{display:none}.wheel-spacer{height:40px}.wheel-item{height:40px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;font-size:18px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;transition:color .16s ease,transform .16s ease}.wheel-item.active{color:var(--green-dark);transform:scale(1.12)}.wheel-band{position:absolute;top:40px;left:0;right:0;height:40px;border-top:2px solid var(--green);border-bottom:2px solid var(--green);background:#0096390d;pointer-events:none;border-radius:4px}.wheel-fade{position:absolute;left:0;right:0;height:34px;pointer-events:none;z-index:2}.wheel-fade.top{top:0;background:linear-gradient(#fff 15%,#fff0)}.wheel-fade.bottom{bottom:0;background:linear-gradient(#fff0,#fff 85%)}.ticket{border-radius:18px;overflow:hidden;background:var(--card);box-shadow:var(--shadow-lg);margin-bottom:18px;border:1px solid var(--line)}.ticket-head{background:linear-gradient(135deg,var(--green) 0%,#0a7a3d 55%,#0a2919 140%);color:#fff;padding:16px 18px 18px}.ticket-brand-line{display:flex;justify-content:space-between;font-size:10px;font-weight:600;letter-spacing:2.5px;opacity:.85;margin-bottom:8px}.ticket-title{font-size:19px;font-weight:700;line-height:1.25}.ticket-meta{font-size:12px;opacity:.9;margin-top:4px}.ticket-body{padding:14px 18px}.ticket-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:12px}.ticket-label{font-size:12px;color:var(--muted);font-weight:500}.ticket-value{font-size:14px;font-weight:600;text-align:right}.ticket-status{font-size:13px;font-weight:600;color:var(--green-dark)}.ticket-prefs{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.ticket-pref{background:var(--green-soft);color:var(--green-dark);padding:3px 10px;border-radius:999px;font-size:11px;font-weight:500}.ticket-perf{position:relative;border-top:2px dashed var(--line);margin:4px 0}.ticket-perf:before,.ticket-perf:after{content:"";position:absolute;top:-12px;width:22px;height:22px;border-radius:50%;background:var(--bg);border:1px solid var(--line)}.ticket-perf:before{left:-13px}.ticket-perf:after{right:-13px}.ticket-stub{padding:16px 18px 18px;display:flex;flex-direction:column;align-items:center}.ticket-qr{width:168px;height:168px;border-radius:10px}.ticket-code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:15px;font-weight:600;letter-spacing:1.5px;margin-top:10px;color:var(--text)}.ticket-stub-hint{font-size:12px;color:var(--muted);margin-top:4px}.verify-page{display:flex;flex-direction:column;align-items:center;padding-top:24px}.verify-badge{width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:700;color:#fff;margin-bottom:16px;animation:verify-pop .45s cubic-bezier(.16,1,.3,1) both}@keyframes verify-pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.verify-badge.valid{background:var(--green);box-shadow:0 10px 30px #00963966}.verify-badge.invalid{background:var(--red);box-shadow:0 10px 30px #ff525266}.verify-badge.pending{background:#f5b400;box-shadow:0 10px 30px #f5b40066}.verify-title{font-size:22px;margin-bottom:18px}.verify-code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;color:var(--muted);margin-top:18px;letter-spacing:1px}.cover-video{width:calc(100% + 36px);margin:-20px -18px 16px;display:block;background:#000;max-height:240px;object-fit:cover}.file-input{font-size:13px;padding:8px;background:#fafafa;cursor:pointer}