@import "https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&display=swap";:root{--color-primary:#7d2ae8;--color-primary-hover:#681ed4;--color-primary-light:#f2eeff;--color-light-purple:#f2eeff;--color-primary-soft:#dccbfb;--color-primary-border:#7d2ae8;--color-bg-app:#fbfbfb;--color-bg-main:#fbfbfb;--color-bg-ivory:#fffdf1;--color-bg-card:#fff;--color-bg-subtle:#f4f3ef;--color-secondary-bg:#fffdf1;--bg-warm-blend:radial-gradient(120% 70% at 0% 0%, #fdeac2 0%, #fdeac200 55%), radial-gradient(90% 55% at 55% 0%, #efe6f7 0%, #efe6f700 60%), #fbfbfb;--color-amber-bg:#fcefcd;--color-amber-border:#eac67c;--color-amber-text:#b7791f;--color-border-amber:#eac67c;--gradient-member:linear-gradient(100deg, #eeecfa 0%, #fdece5 55%, #fdf8e4 100%);--color-ticket:#4e67c3;--color-border:#e6e5e3;--color-border-normal:#e6e5e3;--color-border-strong:#dcdcdc;--color-divider:#e3e1d4;--color-text-main:#1f1f1f;--color-text-heading:#1f1f1f;--color-text-secondary:#616163;--color-text-muted:#7a7a7a;--color-text-tertiary:#9a9a9a;--color-text-light:#9a9a9a;--color-success:#2e9e57;--color-success-bg:#e5f6ea;--color-success-border:#7fd39a;--color-success-text:#237a44;--color-warning:#e0a100;--color-warning-bg:#fdf0c8;--color-warning-border:#edc04f;--color-warning-text:#b07a00;--color-error:#e0473c;--color-error-bg:#f8d8c3;--font-family-base:"Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs:11px;--text-sm:12.5px;--text-base:14px;--text-md:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--gutter:18px;--radius-sm:8px;--radius-md:14px;--radius-card:20px;--radius-lg:20px;--radius-xl:24px;--radius-pill:9999px;--height-menu-item:56px;--shadow-sm:0 1px 2px #1f1f1f0a;--shadow-md:0 6px 18px #1f1f1f0f;--elevation-1:0 1px 2px #1f1f1f0a;--elevation-2:0 6px 18px #1f1f1f0f;--elevation-3:0 14px 34px #1f1f1f24;--touch-target:44px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);color:var(--color-text-main);-webkit-font-smoothing:antialiased;background-color:#ecebe6;justify-content:center;align-items:center;min-height:100vh;margin:0;line-height:1.5;display:flex}#root{background-color:#ecebe6;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}.app-container{background-color:var(--color-bg-app);border:8px solid #1f1f24;border-radius:40px;flex-direction:column;width:414px;min-width:320px;max-width:100vw;height:896px;min-height:600px;max-height:100vh;display:flex;position:relative;overflow-x:hidden;box-shadow:0 25px 50px -12px #0000002e}.btn{border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:background-color .2s,border-color .2s;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);border:none}.btn-primary:hover,.btn-primary:active{background-color:var(--color-primary-hover)}.btn-secondary,.btn-outline{color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);background-color:#0000}.btn-secondary:hover,.btn-outline:hover{background-color:var(--color-primary-light)}.btn-accent{background-color:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-primary-soft);border-radius:var(--radius-md)}.card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:1.25rem}.input-field{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-card);width:100%;color:var(--color-text-main);outline:none;padding:.85rem 1.15rem;font-size:.95rem;transition:all .2s}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a}h1,h2,h3,h4{color:var(--color-text-main);letter-spacing:-.02em;margin-bottom:.5rem;font-weight:700}h1{font-size:1.6rem}h2{font-size:1.25rem}h3{font-size:1rem}p{color:var(--color-text-main)}.text-muted{color:var(--color-text-muted)}.text-purple{color:var(--color-primary)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.p-4{padding:1rem}.w-full{width:100%}.max-w-sm{max-width:24rem}.relative{position:relative}.px-4{padding-left:1rem;padding-right:1rem}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.navbar{z-index:10;background-color:#0000;border-bottom:none;position:sticky;top:0}.logo-text{color:var(--color-primary);margin:0;font-size:1.25rem;font-weight:700}.icon-btn{border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.icon-btn:hover{background-color:var(--color-bg-main)}.notification-badge{background-color:var(--color-error);border:2px solid var(--color-bg-card);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.main-content{flex-direction:column;flex:1;padding-bottom:70px;display:flex;position:relative;overflow:hidden auto}.bottom-nav{background-color:var(--color-bg-card);border-top:1px solid var(--color-border);z-index:10;position:absolute;bottom:0;left:0;right:0}.nav-item{color:var(--color-text-light);text-decoration:none;transition:color .2s}.nav-item.active,.nav-item.active svg{color:var(--color-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulseScale{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.animate-slide-up{animation:.45s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-slide-in-right{animation:.38s cubic-bezier(.16,1,.3,1) forwards slideInRight}.animate-bounce-slow{animation:2.5s ease-in-out infinite bounceSlow}.animate-pulse-scale{animation:2s ease-in-out infinite pulseScale}button:active{transition:transform .1s;transform:scale(.97)}.ui-page{background-color:var(--color-bg-app);padding-bottom:var(--space-6);flex:1}.ui-warm{background:var(--bg-warm-blend);background-repeat:no-repeat;background-size:100% 520px;background-color:var(--color-bg-app)}.ui-band-ivory{background-color:var(--color-bg-ivory);padding:var(--space-6) 0}.ui-gutter{padding-left:var(--gutter);padding-right:var(--gutter)}.ui-section{padding:0 var(--gutter);margin-top:var(--space-8)}.ui-section-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.ui-section-title{font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--color-text-heading);margin:0;font-weight:700;line-height:1.2}.ui-section-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin-top:4px;display:block}.ui-link{min-height:var(--touch-target);font-size:var(--text-md);color:var(--color-primary);text-underline-offset:3px;white-space:nowrap;cursor:pointer;background:0 0;border:none;align-items:center;font-weight:600;text-decoration:underline;display:inline-flex}.ui-btn{justify-content:center;align-items:center;gap:var(--space-2);height:48px;padding:0 var(--space-5);border-radius:var(--radius-md);font-size:var(--text-md);white-space:nowrap;border:2px solid #0000;font-weight:600;line-height:1;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.ui-btn:disabled{opacity:.45;cursor:not-allowed}.ui-btn--block{width:100%}.ui-btn--lg{height:54px;font-size:16px}.ui-btn--sm{height:38px;padding:0 var(--space-4);border-width:1.5px;font-size:13px}.ui-btn--primary{background-color:var(--color-primary);color:#fff}@media (hover:hover){.ui-btn--primary:hover{background-color:var(--color-primary-hover)}}.ui-btn--outline{background-color:var(--color-primary-light);color:var(--color-primary);border:1.5px solid var(--color-primary)}.ui-btn--outline:active{background-color:var(--color-primary-soft)}.ui-btn--tonal{background-color:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary-soft)}.ui-btn--neutral{color:var(--color-text-heading);border:1px solid var(--color-border-strong);background-color:#fff}@media (hover:hover){.ui-btn--neutral:hover{background-color:var(--color-bg-subtle)}}.ui-icon-btn{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-pill);color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}@media (hover:hover){.ui-icon-btn:hover{background-color:#7d2ae80f}}.ui-icon-btn--boxed{border:1px solid var(--color-border-strong);background-color:#fff;border-radius:18px;width:56px;height:56px}.ui-dot{background-color:var(--color-error);border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:9px;right:10px}.ui-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card)}.ui-card--ivory{background-color:var(--color-bg-ivory)}.ui-card--amber{background-color:var(--color-amber-bg);border-color:var(--color-amber-border)}.ui-card--member{background:var(--gradient-member);border-radius:var(--radius-xl);border:none}.ui-card--padded{padding:var(--space-5)}.ui-card--raised{box-shadow:var(--elevation-2)}.ui-card--interactive{cursor:pointer;transition:box-shadow .15s,transform .15s}@media (hover:hover){.ui-card--interactive:hover{box-shadow:var(--elevation-2)}}.ui-card-title{font-size:var(--text-lg);color:var(--color-text-heading);margin:0;font-weight:600;line-height:1.3}.ui-card-text{font-size:var(--text-base);color:var(--color-text-secondary);margin:0;line-height:1.5}.ui-icon-accent{color:var(--color-primary);flex-shrink:0}.ui-search,.ui-select{align-items:center;gap:var(--space-3);height:56px;padding:0 var(--space-5);border:1px solid var(--color-border-strong);color:var(--color-primary);background-color:#fff;border-radius:18px;display:flex}.ui-search{cursor:pointer}.ui-search input,.ui-select select{min-width:0;font-size:var(--text-md);color:var(--color-text-heading);cursor:inherit;background:0 0;border:none;outline:none;flex:1}.ui-search input::placeholder{color:var(--color-text-tertiary)}.ui-select{padding-right:var(--space-4);position:relative}.ui-select select{appearance:none;cursor:pointer;padding-right:28px}.ui-select select:invalid,.ui-select--empty select{color:var(--color-text-tertiary)}.ui-select .ui-select-chevron{pointer-events:none;color:var(--color-text-secondary);position:absolute;right:16px}.ui-select--accent{border-color:var(--color-primary-soft)}.ui-select--accent .ui-select-chevron{color:var(--color-primary)}.ui-field{flex-direction:column;gap:6px;display:flex}.ui-field-label{color:var(--color-text-secondary);font-size:13px;font-weight:600}.ui-input,.ui-textarea{width:100%;min-height:52px;padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-md);color:var(--color-text-heading);background-color:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.ui-textarea{padding:var(--space-3) var(--space-4);resize:vertical;line-height:1.5}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--color-text-tertiary)}.ui-input:focus,.ui-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.ui-tab-row{gap:var(--space-3);scrollbar-width:none;display:flex;overflow-x:auto}.ui-tab-row::-webkit-scrollbar{display:none}.ui-tab{height:46px;padding:0 var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);font-size:var(--text-md);color:var(--color-text-heading);white-space:nowrap;background-color:#fff;flex-shrink:0;justify-content:center;align-items:center;gap:6px;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-flex}.ui-tab--active{background-color:var(--color-primary-light);border:2px solid var(--color-primary);color:var(--color-text-heading);font-weight:700}.ui-tab--muted{background-color:var(--color-bg-subtle);color:var(--color-text-secondary)}.ui-chip{height:38px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);font-size:var(--text-base);color:var(--color-text-heading);white-space:nowrap;background-color:#fff;flex-shrink:0;align-items:center;gap:6px;font-weight:500;display:inline-flex}.ui-chip--active{background-color:var(--color-primary-light);border:1.5px solid var(--color-primary);font-weight:600}.ui-tag{border-radius:var(--radius-sm);background-color:var(--color-bg-subtle);font-size:var(--text-sm);color:#4a4a4a;align-items:center;gap:5px;padding:5px 10px;font-weight:500;display:inline-flex}.ui-status{border-radius:var(--radius-sm);white-space:nowrap;border:1.5px solid #0000;justify-content:center;align-items:center;gap:4px;min-width:96px;height:28px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.ui-status--upcoming{background-color:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-text)}.ui-status--success{background-color:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-text)}.ui-status--brand{background-color:var(--color-primary-light);border-color:var(--color-primary-soft);color:var(--color-primary)}.ui-status--deal{background-color:var(--color-error-bg);color:var(--color-error);border-color:#0000}.ui-status--neutral{background-color:var(--color-bg-subtle);border-color:var(--color-border-strong);color:var(--color-text-secondary)}.ui-badge{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:4px;height:26px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.ui-badge--light{color:var(--color-text-heading);background-color:#fffffff2}.ui-badge--glass{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#14121880}.ui-badge--brand{background-color:var(--color-primary-light);color:var(--color-primary)}.ui-dots{align-items:center;gap:10px;display:flex}.ui-dots--center{justify-content:center}.ui-dots--end{justify-content:flex-end}.ui-dots button{border-radius:var(--radius-pill);border:1.5px solid var(--color-primary);background-color:#0000;width:18px;height:9px;padding:0;transition:width .25s,background-color .25s}.ui-dots button.is-active{background-color:var(--color-primary);width:34px}.ui-appbar{z-index:30;align-items:center;gap:var(--space-2);min-height:64px;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-2);background-color:var(--color-bg-ivory);display:flex;position:sticky;top:0}.ui-appbar-title{min-width:0;margin:0 0 0 var(--space-2);font-size:var(--text-xl);color:var(--color-text-heading);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;flex:1;font-weight:600;line-height:1.25;overflow:hidden}.ui-bottom-nav{z-index:100;height:68px;padding:0 var(--space-1) env(safe-area-inset-bottom);background-color:#fff;border-top:1px solid #efeeea;align-items:stretch;display:flex;position:absolute;bottom:0;left:0;right:0}.ui-nav-item{color:var(--color-text-secondary);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex;position:relative}.ui-nav-item.active{color:var(--color-primary);font-weight:600}.ui-nav-icon{display:flex;position:relative}.ui-nav-item .ui-dot{top:-2px;right:-3px}.ui-menu-tile{align-items:center;gap:var(--space-4);width:100%;min-height:58px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-card);background-color:var(--color-bg-ivory);border:1px solid var(--color-border);color:var(--color-text-heading);text-align:left;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .15s,border-color .15s;display:flex}.ui-menu-tile svg{color:var(--color-primary);flex-shrink:0}.ui-menu-tile--active{background-color:var(--color-primary-light);border:1.5px solid var(--color-primary)}.ui-option{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:58px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-card);border:1px solid var(--color-border-strong);color:var(--color-text-heading);font-size:var(--text-md);text-align:left;cursor:pointer;background-color:#fff;font-weight:500;transition:background-color .15s,border-color .15s;display:flex}@media (hover:hover){.ui-option:hover{background-color:var(--color-bg-ivory)}}.ui-option--selected,.ui-option--selected:hover{background-color:var(--color-primary-light);border:2px solid var(--color-primary);font-weight:600}.ui-radio{background-color:#fff;border:2px solid #cfcfcf;border-radius:50%;flex-shrink:0;width:22px;height:22px;position:relative}.ui-option--selected .ui-radio{border-color:var(--color-primary)}.ui-option--selected .ui-radio:after{content:"";background-color:var(--color-primary);border-radius:50%;position:absolute;inset:3px}.ui-progress{border-radius:var(--radius-pill);background-color:#eceae4;height:6px;overflow:hidden}.ui-progress>span{border-radius:inherit;background-color:var(--color-primary);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);display:block}.ui-avatar{object-fit:cover;background-color:#e9e7e1;border:3px solid #fff;border-radius:50%;flex-shrink:0}.ui-ribbon{border-radius:var(--radius-pill) 0 0 var(--radius-pill);color:#1f1f1f;white-space:nowrap;background:linear-gradient(90deg,#b9b9bc 0%,#e6e6e8 45%,#a9a9ad 100%);align-items:center;height:30px;padding:0 16px 0 18px;font-size:12.5px;font-weight:600;display:inline-flex;position:absolute;top:18px;right:-1px;box-shadow:0 2px 4px #00000014}.ui-ribbon:after{content:"";border-top:6px solid #7c7c80;border-right:7px solid #0000;position:absolute;bottom:-6px;right:0}.ui-ribbon--gold{background:linear-gradient(90deg,#f6d77a 0%,#fbe7a6 45%,#efb72e 100%)}.ui-ribbon--gold:after{border-top-color:#b98a12}.ui-ribbon--purple{color:var(--color-primary);background:linear-gradient(90deg,#e6dafb 0%,#f2eeff 45%,#d9c6fa 100%)}.ui-ribbon--purple:after{border-top-color:#9c77db}.ui-meta{font-size:var(--text-base);color:var(--color-text-secondary);align-items:center;gap:8px;display:flex}.ui-meta svg{color:var(--color-text-tertiary);flex-shrink:0}.ui-ticket{border-radius:var(--radius-card);border:1px solid var(--color-border);cursor:pointer;background-color:#fff;position:relative;overflow:hidden}.ui-ticket-head{padding:var(--space-4) var(--space-6);background-color:var(--color-ticket);color:#fff;position:relative}.ui-ticket-head:before,.ui-ticket-head:after{content:"";background-color:var(--ticket-notch,var(--color-bg-app));border-radius:50%;width:22px;height:22px;margin-top:-11px;position:absolute;top:50%}.ui-ticket-head:before{left:-11px}.ui-ticket-head:after{right:-11px}.ui-ticket-title{color:#fff;margin:0;font-size:19px;font-weight:700;line-height:1.25}.ui-ticket-sub{font-size:var(--text-md);color:#ffffffe6;margin-top:6px}.ui-ticket-body{gap:var(--space-4);padding:var(--space-4);display:flex}.ui-info-row{gap:10px;display:flex}.ui-info-row svg{color:var(--color-text-tertiary);flex-shrink:0;margin-top:2px}.ui-info-label{color:var(--color-text-tertiary);font-size:13px;display:block}.ui-info-value{font-size:var(--text-md);color:var(--color-text-heading);font-weight:600;line-height:1.3;display:block}.ui-sheet-backdrop{z-index:900;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1e1e1e73;animation:.2s fadeIn;position:absolute;inset:0}.ui-sheet{z-index:901;padding:var(--space-3) var(--space-6) var(--space-8);background-color:#fff;border-radius:28px 28px 0 0;animation:.35s cubic-bezier(.16,1,.3,1) slideUp;position:absolute;bottom:0;left:12px;right:12px}.ui-sheet-grabber{width:44px;height:5px;margin:0 auto var(--space-6);border-radius:var(--radius-pill);background-color:#cfcfcf}.ui-close-circle{border:2px solid var(--color-primary);width:60px;height:60px;color:var(--color-primary);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;display:flex}.ui-empty{padding:var(--space-8) var(--space-4);text-align:center;font-size:var(--text-lg);color:var(--color-text-tertiary)}