@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,600&family=Outfit:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--primary:#d83d68;--primary-light:#f5c2ce;--secondary:#e8b4b8;--accent:#c89b3c;--glow-pink:#d83d6880;--glow-gold:#c89b3c66;--bg-dark:#0c0510;--bg-sidebar:#0a040e;--bg-card:#160b1ed9;--border-color:#ffffff14;--font-family:"Plus Jakarta Sans", "Outfit", sans-serif;--text-main:#fff;--text-muted:#a397b0;--text-dark:#2a1820;--radius-lg:20px;--radius-md:14px;--radius-sm:8px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-family);min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f1018}::-webkit-scrollbar-thumb{background:#25273c;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3b3e5c}.hide-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}.glass-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition-smooth);background:#1d1226;box-shadow:0 10px 25px #0006}.badge-claimed{font-weight:800;color:#3d2702!important;background:linear-gradient(135deg,#dda84b 0%,#f6d17e 100%)!important;box-shadow:0 2px 8px #dda84b66!important}.badge-in_progress{font-weight:800;color:#fff!important;background:linear-gradient(135deg,#ff1493 0%,#ff4d8d 100%)!important;box-shadow:0 0 10px #ff149380!important}.badge-locked{font-weight:800;color:#3d3743!important;background:#aaa4b0!important}.ticket-voucher{color:#8f6533;letter-spacing:1.5px;background:#ead4bc;border:1px solid #d9ba9b;border-radius:8px;justify-content:center;align-items:center;padding:10px 22px;font-size:.8rem;font-weight:800;display:inline-flex;position:relative}.ticket-voucher:before,.ticket-voucher:after{content:"";background:#faf2ea;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;transform:translateY(-50%)}.ticket-voucher:before{left:-6px}.ticket-voucher:after{right:-6px}.btn-primary{color:#fff;cursor:pointer;transition:var(--transition-smooth);background:linear-gradient(135deg,#d83d68 0%,#b82850 100%);border:none;border-radius:25px;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 6px 18px #d83d6866}.btn-secondary{color:#fff;border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);background:#ffffff14;border-radius:25px;align-items:center;gap:8px;padding:8px 18px;font-size:.82rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:#ffffff26}.app-container{grid-template-columns:260px 1fr;max-width:1500px;min-height:100vh;margin:0 auto;display:grid}.main-content{width:100%;max-width:1100px;padding:20px 32px 100px}.mobile-frame-container{background:var(--bg-dark);border:10px solid #1c1522;border-radius:48px;max-width:395px;margin:10px auto;position:relative;overflow:hidden;box-shadow:0 25px 60px #000000e6,0 0 0 2px #ffffff14}@media (width<=960px){.app-container{grid-template-columns:1fr}.main-content{padding:16px 14px 120px}}.admin-portal{letter-spacing:-.01em;-webkit-font-smoothing:antialiased;font-family:Poppins,sans-serif!important}.admin-portal,.admin-portal *{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.admin-theme-dark{--adm-bg-app:#080c14;--adm-bg-sidebar:#0b111a;--adm-bg-header:#0b111a;--adm-bg-card:#0f1724;--adm-bg-card-hover:#141f30;--adm-bg-input:#0a1018;--adm-bg-elevated:#152236;--adm-border:#ffffff14;--adm-border-hover:#14a9d766;--adm-text-title:#fff;--adm-text-body:#cbd5e1;--adm-text-muted:#64748b;--adm-accent:#0284c7;--adm-accent-hover:#0369a1;--adm-accent-bg:#0284c71f;--adm-accent-gradient:#0284c7;--adm-green:#10b981;--adm-green-bg:#10b9811f;--adm-red:#ef4444;--adm-red-bg:#ef44441f;--adm-cyan:#0284c7;--adm-cyan-bg:#0284c71f;--adm-gold:#d97706;--adm-gold-bg:#d977061f;--adm-table-stripe:#0a0f17;--adm-shadow:0 1px 3px #0003, 0 1px 2px #00000026}.admin-theme-light{--adm-bg-app:#f8fafc;--adm-bg-sidebar:#fff;--adm-bg-header:#fff;--adm-bg-card:#fff;--adm-bg-card-hover:#f8fafc;--adm-bg-input:#f1f5f9;--adm-bg-elevated:#e2e8f0;--adm-border:#e2e8f0;--adm-border-hover:#cbd5e1;--adm-text-title:#0f172a;--adm-text-body:#334155;--adm-text-muted:#64748b;--adm-accent:#0284c7;--adm-accent-hover:#0369a1;--adm-accent-bg:#0284c714;--adm-accent-gradient:#0284c7;--adm-green:#10b981;--adm-green-bg:#10b98114;--adm-red:#ef4444;--adm-red-bg:#ef444414;--adm-cyan:#0284c7;--adm-cyan-bg:#0284c714;--adm-gold:#d97706;--adm-gold-bg:#d9770614;--adm-table-stripe:#f8fafc;--adm-shadow:0 1px 2px 0 #0000000d}.saas-card{background:var(--adm-bg-card);border:1px solid var(--adm-border);box-shadow:var(--adm-shadow);border-radius:12px;padding:18px;transition:border-color .15s}.saas-card:hover{border-color:var(--adm-border-hover)}.trend-pill-up{background:var(--adm-green-bg);color:var(--adm-green);border-radius:6px;align-items:center;gap:3px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.trend-pill-down{background:var(--adm-red-bg);color:var(--adm-red);border-radius:6px;align-items:center;gap:3px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.adm-btn-primary{cursor:pointer;background:linear-gradient(135deg,#14a9d7 0%,#4ab7c2 100%);border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 20px;font-family:Poppins,sans-serif;font-size:.82rem;font-weight:800;transition:all .18s;display:inline-flex;box-shadow:0 4px 16px #14a9d759;color:#fff!important}.adm-btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 6px 22px #14a9d780}.adm-btn-secondary{background:var(--adm-bg-card,#0f1724);color:var(--adm-accent,#14a9d7);border:1px solid var(--adm-border,#14a9d74d);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-family:Poppins,sans-serif;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex}.adm-btn-secondary:hover{border-color:var(--adm-accent,#14a9d7);background:var(--adm-accent-bg,#14a9d71f);color:var(--adm-accent,#14a9d7)}.adm-input{background:var(--adm-bg-input,#eef4f7);border:1px solid var(--adm-border,#d1e1e8);color:var(--adm-text-title,#0a1e29);box-sizing:border-box;outline:none;transition:all .15s;font-family:Poppins,sans-serif!important}.adm-input:focus{border-color:var(--adm-accent,#14a9d7);box-shadow:0 0 0 2px var(--adm-accent-bg,#14a9d733)}.adm-input::placeholder{color:var(--adm-text-muted,#647e8c);opacity:.8}.adm-card{background:var(--adm-bg-card);border:1px solid var(--adm-border);box-shadow:var(--adm-shadow);border-radius:18px;padding:20px;transition:border-color .15s}.adm-table{border-collapse:collapse;width:100%;color:var(--adm-text-body);font-size:.82rem}.adm-table th{background:var(--adm-bg-sidebar);color:var(--adm-text-muted);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--adm-border);text-align:left;padding:14px 16px;font-size:.7rem;font-weight:700}.adm-table td{border-bottom:1px solid var(--adm-border);padding:14px 16px}.adm-table tbody tr:hover{background:var(--adm-bg-card-hover)}@media (width<=900px){.admin-modal-overlay{align-items:stretch!important;padding:0!important}.admin-modal-content{border:none!important;border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;padding:20px 16px 40px!important}}:root{--bg-deep:#090814;--bg-secondary:#161024;--bg-sidebar:#0d0a16;--surface:#23152f;--surface-elevated:#2a1a36;--primary:#ff5c9a;--primary-soft:#f7c9da;--primary-glow:#ff5c9a59;--gold:gold;--gold-soft:#e8c98d;--gold-glow:#ffd7004d;--success:#2ce0a3;--text-primary:#fff;--text-secondary:#d1c0de;--text-muted:#9f91ab;--border:#4a3654;--border-sidebar:#34243d;--locked-color:#6e6873;--locked-bg:#25212d;--text:#9f91ab;--text-h:#fff;--bg:#090814;--bg-dark:#090814;--bg-card:#23152feb;--accent:#ff5c9a;--glow-strong:#ff5c9a66;--border-color:#4a3654;--primary-light:#f7c9da;--secondary:#e8c98d;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .35s cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background:var(--bg-deep);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;overflow-x:hidden}body{background:var(--bg-deep);min-height:100vh}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(#651e8233 0%,#ff5c9a0d 45%,#0000 70%);width:900px;height:700px;position:fixed;top:-140px;left:50%;transform:translate(-50%)}#root{text-align:left;border:none;flex-direction:column;width:100%;max-width:100%;min-height:100vh;margin:0;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin:0;font-family:Inter,sans-serif;line-height:1.2}p{margin:0}.app-container{background:var(--bg-deep);width:100%;min-height:100vh;display:flex;position:relative}.desktop-sidebar{flex-shrink:0;z-index:200!important;background:#0d0814!important;border-right:1px solid #ffffff14!important;flex-direction:column!important;width:280px!important;min-width:280px!important;max-width:280px!important;height:100vh!important;padding:32px 20px 24px!important;display:flex!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;overflow:hidden auto!important;box-shadow:4px 0 24px #0006!important}.desktop-sidebar::-webkit-scrollbar{width:4px}.desktop-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.main-content{z-index:5;flex:1;min-width:0;min-height:100vh;padding:24px 48px 90px;position:relative;overflow-x:hidden;margin-left:280px!important}@media (width<=960px){.desktop-sidebar{display:none!important}.main-content{padding:max(16px, env(safe-area-inset-top,0px)) 16px calc(85px + env(safe-area-inset-bottom,0px)) 16px!important;width:100%!important;max-width:100vw!important;margin-left:0!important}.mobile-bottom-bar{display:flex!important}}@media (width<=600px){.main-content{padding:max(14px, env(safe-area-inset-top,0px)) 12px calc(85px + env(safe-area-inset-bottom,0px)) 12px!important;width:100%!important;max-width:100vw!important;margin-left:0!important}}.glass-card{border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition-smooth);background:#1d1226}.glass-card:hover{border-color:#ff5c9a40;box-shadow:0 12px 40px #0006}.card-milestone-claimed,.card-milestone-completed{color:#3d2702!important;background:linear-gradient(135deg,#fbf2d5 0%,#f5e5ad 50%,#e7c975 100%)!important;border:2px solid #dda84b!important;box-shadow:0 10px 30px #dda84b59,inset 0 0 15px #ffd70040!important}.card-milestone-in_progress{color:#26171f!important;background:linear-gradient(135deg,#fff0f5 0%,#ffe4ee 100%)!important;border:2.5px solid #ff1493!important;box-shadow:0 0 25px #ff149373,inset 0 0 20px #ff149333!important}.card-milestone-locked{opacity:.88;color:#4e4654!important;box-shadow:none!important;background:#d5d0d9!important;border:1.5px solid #aaa4b0!important}.card-milestone-unlocked{color:#26171f!important;background:linear-gradient(135deg,#fff0f5 0%,#ffe4ee 100%)!important;border:2.5px solid #ff1493!important;animation:.8s ease-out unlockCardGlow!important;box-shadow:0 0 30px #ff14938c,inset 0 0 20px #ff149340!important}@keyframes pulseGlowPinkActive{0%{box-shadow:0 0 0 4px #ff3b704d,0 0 15px #ff3b70b3}50%{box-shadow:0 0 0 10px #ff3b702e,0 0 32px #ff3b70}to{box-shadow:0 0 0 4px #ff3b704d,0 0 15px #ff3b70b3}}@keyframes lockBreakAnim{0%{transform:scale(1)rotate(0)}20%{transform:scale(1.25)rotate(-15deg)}40%{transform:scale(1.35)rotate(15deg)}60%{filter:drop-shadow(0 0 18px gold);transform:scale(1.45)rotate(-8deg)}80%{transform:scale(1.2)rotate(0)}to{transform:scale(1)rotate(0)}}@keyframes unlockCardGlow{0%{transform:scale(.98);box-shadow:0 0 #ff5c9a00}50%{transform:scale(1.02);box-shadow:0 0 40px #ff5c9a99}to{transform:scale(1);box-shadow:0 8px 30px #ff5c9a4d}}.btn-primary{color:#fff;cursor:pointer;transition:var(--transition-bounce);white-space:nowrap;background:linear-gradient(135deg,#ff5c9a 0%,#e8458a 100%);border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-family:Inter,sans-serif;font-size:.88rem;font-weight:700;display:inline-flex;box-shadow:0 4px 20px #ff5c9a66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ff5c9a8c}.btn-secondary{color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;background:#ffffff12;border:1px solid #ffffff2e;border-radius:50px;align-items:center;gap:8px;padding:11px 22px;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:#ffffff1f;border-color:#ff5c9a66;transform:translateY(-1px)}.btn-gold{color:#1a1000;cursor:pointer;transition:var(--transition-bounce);background:linear-gradient(135deg,gold 0%,#c89b3c 100%);border:none;border-radius:50px;align-items:center;gap:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 4px 16px #ffd70059}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffd70080}.badge{letter-spacing:.8px;text-transform:uppercase;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700;display:inline-flex}.badge-claimed,.badge-unlocked{color:#c89b3c;background:#c89b3c2e;border:1px solid #c89b3c66}.badge-in_progress{color:#ff5c9a;background:#ff5c9a26;border:1px solid #ff5c9a66}.badge-locked{color:#9e98a8;background:#6e687333;border:1px solid #6e68734d}.ticket-voucher{color:#c89b3c;letter-spacing:1px;background:#c89b3c26;border:1px solid #c89b3c59;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.72rem;font-weight:700;display:inline-flex}.gradient-text{background:linear-gradient(135deg,#ff5c9a 0%,gold 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 12px #ff5c9a80}50%{box-shadow:0 0 28px #ff5c9ae6}}@keyframes pulseGlowGold{0%,to{box-shadow:0 0 12px #ffd70066}50%{box-shadow:0 0 26px #ffd700cc}}@keyframes subtlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes progressFill{0%{width:0%}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1)rotate(180deg)}}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}.animate-pulse-gold{animation:2s ease-in-out infinite pulseGlowGold}.animate-float{animation:3s ease-in-out infinite floatY}.animate-fade-up{animation:.5s ease-out forwards fadeUp}.mobile-frame-container{background:var(--bg-deep);border:1px solid var(--border-sidebar);border-radius:44px;width:390px;max-width:calc(100vw - 24px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 40px 80px #000c,inset 0 1px #ffffff0f}.mobile-bottom-bar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.hide-scrollbar::-webkit-scrollbar{width:0;height:0;display:none}.modal-overlay-responsive{-webkit-backdrop-filter:blur(12px);z-index:2000;background:#000c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}@media (width<=640px){.modal-overlay-responsive{align-items:flex-end;padding:0}.modal-card-responsive{border-radius:28px 28px 0 0!important;max-height:90vh!important;padding:24px 18px 36px!important;overflow-y:auto!important}}