:root{--ground: #1d0e06;--ground-2: #241108;--panel: #2a1609;--panel-2: #30190c;--brown: #3f2212;--umber: #6b4423;--body: #c9b4a4;--body-dim: #9c8270;--cream: #f3ebe5;--cream-dim: #e4d3be;--accent: #f57e1d;--accent-soft: rgba(245, 126, 29, .14);--ok: #4fb477;--hairline: rgba(243, 235, 229, .12);--hairline-soft: rgba(243, 235, 229, .07);--serif: "Marcellus", serif;--ital: "Cormorant Garamond", serif;--sans: "Figtree", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", monospace;--ease: cubic-bezier(.19, 1, .22, 1);--bg: var(--ground);--surface: var(--panel);--surface-raised: var(--panel-2);--text: var(--cream);--text-muted: var(--body);--text-faint: var(--body-dim);--line: var(--hairline);--danger: #e5674b;--on-accent: #1d0e06;--font-serif: var(--serif);--font-display: var(--ital);--font-sans: var(--sans);--font-mono: var(--mono);--font-ar: "Tajawal", var(--sans);--fs-xs: 12px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 20px;--fs-xl: 26px;--fs-2xl: 34px;--lh-tight: 1.2;--lh-body: 1.5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 26px;--radius-pill: 999px;--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-sheet: 0 -12px 40px rgba(0, 0, 0, .5);--app-max: 480px;--safe-bottom: env(safe-area-inset-bottom, 0px)}[dir=rtl]{--sans: var(--font-ar)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:var(--fs-md);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}input{font:inherit}#root{min-height:100dvh;display:flex;justify-content:center}[dir=rtl] .flip-rtl{transform:scaleX(-1)}.screen{position:relative;width:100%;max-width:var(--app-max);height:100dvh;display:flex;flex-direction:column;background:var(--ground);overflow:hidden;border-inline:1px solid var(--hairline-soft);animation:screen-in .32s var(--ease)}@keyframes screen-in{0%{opacity:0;transform:translate(6px)}}@media(prefers-reduced-motion:reduce){.screen{animation:none}}.scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.pad{padding:var(--space-5) var(--space-5) var(--space-8)}.menu-groups{padding:0 var(--space-5)}.menu-tail{height:var(--space-5)}.top{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--hairline-soft)}.top-spacer{width:40px;flex:none}.icon-btn{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:var(--radius-pill);color:var(--cream);transition:background .15s var(--ease)}.icon-btn:hover{background:var(--hairline-soft)}.top-title{flex:1;text-align:center;font-family:var(--serif);font-size:var(--fs-md);letter-spacing:.01em;display:flex;flex-direction:column;line-height:1.15}.top-title small{font-family:var(--sans);font-size:var(--fs-xs);color:var(--body-dim);margin-top:2px}.h-lg{font-family:var(--serif);font-weight:400;font-size:var(--fs-2xl);line-height:1.12;margin:0 0 var(--space-3);letter-spacing:.005em}.h-md{font-family:var(--serif);font-weight:400;font-size:var(--fs-xl);line-height:1.18;margin:0 0 var(--space-3)}.lux{font-family:var(--ital);font-style:italic;font-weight:500;color:var(--accent)}.sub{color:var(--body);font-size:var(--fs-sm);margin:0 0 var(--space-5);line-height:1.55}.area-label{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--body-dim);margin:var(--space-5) 0 var(--space-3)}.state-note{color:var(--body-dim);font-size:var(--fs-sm);padding:var(--space-6) 0;text-align:center}.link{color:var(--accent);font-size:var(--fs-sm);font-weight:500;padding:0}.link:disabled{color:var(--body-dim);cursor:default}.field{width:100%;background:transparent;border:0;color:var(--cream);font-size:var(--fs-md);outline:none}.field::placeholder{color:var(--body-dim)}.search{display:flex;align-items:center;gap:var(--space-2);background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--body-dim);margin-bottom:var(--space-4)}.search:focus-within{border-color:var(--umber)}.field-label{display:block;font-size:var(--fs-sm);color:var(--body);margin:var(--space-4) 0 var(--space-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:52px;padding:0 var(--space-5);border-radius:var(--radius-md);font-family:var(--sans);font-size:var(--fs-md);font-weight:600;transition:transform .1s var(--ease),opacity .15s var(--ease)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-ghost{background:var(--panel);color:var(--cream);border:1px solid var(--hairline)}.auth-actions .btn,.loggedout .btn{width:100%}.im{object-fit:cover;background:linear-gradient(135deg,var(--panel-2),var(--brown))}.im-empty{display:grid;place-items:center;color:var(--umber)}.stepper{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-5) 0}.step-seg{flex:1;height:3px;border-radius:var(--radius-pill);background:var(--hairline);overflow:hidden}.step-seg i{display:block;height:100%;width:0;background:var(--accent);transition:width .4s var(--ease)}.step-seg.done i{width:100%;background:var(--umber)}.step-seg.cur i{width:100%}.branch{display:flex;align-items:center;gap:var(--space-4);width:100%;text-align:start;background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-3);transition:border-color .15s var(--ease),transform .1s var(--ease)}.branch:active{transform:scale(.99)}.branch:hover{border-color:var(--umber)}.branch-thumb{width:64px;height:64px;flex:none;border-radius:var(--radius-md)}.branch-main{flex:1;min-width:0}.branch-name{font-family:var(--serif);font-size:var(--fs-lg);line-height:1.2}.branch-area{color:var(--body-dim);font-size:var(--fs-sm);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branch-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.branch-arrow{flex:none;color:var(--body-dim)}.tag{font-size:11px;letter-spacing:.04em;padding:3px 8px;border-radius:var(--radius-pill);background:var(--hairline-soft);color:var(--body)}.tag.open{color:var(--ok);background:#4fb4771f}.tag.flag{color:var(--accent);background:var(--accent-soft)}.branch-strip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--hairline-soft)}.branch-strip .im{width:40px;height:40px;flex:none;border-radius:var(--radius-sm)}.bs-text{flex:1;min-width:0}.bs-name{font-family:var(--serif);font-size:var(--fs-md)}.bs-sub{font-size:var(--fs-xs);color:var(--body-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cats{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-3) var(--space-5);scrollbar-width:none;border-bottom:1px solid var(--hairline-soft)}.cats::-webkit-scrollbar{display:none}.cat{flex:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--panel);border:1px solid var(--hairline);color:var(--body);font-size:var(--fs-sm);white-space:nowrap;transition:all .15s var(--ease)}.cat.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.cat-group{padding-top:var(--space-5)}.cat-head{display:flex;align-items:center;gap:var(--space-2);font-family:var(--serif);font-size:var(--fs-lg);margin-bottom:var(--space-3)}.cnt{font-family:var(--mono);font-size:11px;color:var(--body-dim);background:var(--hairline-soft);border-radius:var(--radius-pill);padding:2px 8px}.svc{display:flex;align-items:stretch;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid transparent;margin-bottom:var(--space-2);transition:border-color .15s var(--ease),background .15s var(--ease)}.svc.picked{border-color:var(--umber);background:var(--panel)}.svc-body{display:flex;gap:var(--space-3);flex:1;min-width:0;text-align:start}.svc-thumb{width:60px;height:60px;flex:none;border-radius:var(--radius-md)}.svc-main{flex:1;min-width:0}.svc-name{font-size:var(--fs-md);font-weight:600;color:var(--cream)}.svc-desc{color:var(--body-dim);font-size:var(--fs-sm);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.svc-meta{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.svc-price{font-family:var(--mono);font-size:var(--fs-sm);color:var(--cream-dim)}.svc-dur{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--body-dim);background:var(--hairline-soft);border-radius:var(--radius-pill);padding:2px 7px}.add-btn{width:40px;flex:none;align-self:center;height:40px;display:grid;place-items:center;border-radius:var(--radius-pill);border:1px solid var(--hairline);color:var(--cream);transition:all .15s var(--ease)}.add-btn.in-cart{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.dock{flex:none;padding:var(--space-3) var(--space-5) calc(var(--space-3) + var(--safe-bottom));background:linear-gradient(to top,var(--ground) 60%,transparent);border-top:1px solid var(--hairline-soft);animation:dock-in .35s var(--ease)}@keyframes dock-in{0%{transform:translateY(8px);opacity:.5}}.dock-row{display:flex;align-items:center;gap:var(--space-4)}.dock-total{flex:1;min-width:0}.dock-total .v{font-family:var(--mono);font-size:var(--fs-lg);color:var(--cream)}.dock-total .l{font-size:var(--fs-xs);color:var(--body-dim)}.dock .btn{flex:none}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;opacity:0;visibility:hidden;transition:opacity .25s var(--ease),visibility .25s var(--ease);z-index:40}.sheet-scrim.open{opacity:1;visibility:visible}.sheet{position:fixed;inset-inline:0;bottom:0;margin-inline:auto;max-width:var(--app-max);max-height:88dvh;display:flex;flex-direction:column;background:var(--ground-2);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-sheet);transform:translateY(100%);transition:transform .32s var(--ease);z-index:41}.sheet.open{transform:translateY(0)}.sheet-grip{width:40px;height:4px;border-radius:var(--radius-pill);background:var(--hairline);margin:var(--space-3) auto 0;flex:none}.sheet-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}.sheet-hero{height:220px;overflow:hidden}.sheet-hero .im{width:100%;height:100%}.sheet-body{padding:var(--space-5)}.sheet-meta{display:flex;gap:var(--space-8);margin-bottom:var(--space-4)}.sheet-meta .m .k{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--body-dim)}.sheet-meta .m .v{font-size:var(--fs-md);color:var(--cream);margin-top:2px}.sheet-meta .m .v.price{font-family:var(--mono);color:var(--accent)}.sheet-desc{color:var(--body);font-size:var(--fs-sm);line-height:1.6;margin:0 0 var(--space-4)}.incl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.incl li{display:flex;align-items:center;gap:var(--space-2);color:var(--body);font-size:var(--fs-sm)}.incl li svg{color:var(--ok);flex:none}.sheet-dock{flex:none;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5) calc(var(--space-4) + var(--safe-bottom));border-top:1px solid var(--hairline-soft)}.sheet-dock .btn{flex:1}.qty{display:flex;align-items:center;gap:var(--space-3);flex:none;background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:0 var(--space-3);height:52px}.qty button{width:28px;height:28px;display:grid;place-items:center;font-size:var(--fs-lg);color:var(--cream);border-radius:var(--radius-sm)}.qty span{min-width:20px;text-align:center;font-family:var(--mono)}.auth-body{display:block}.phone-input{display:flex;align-items:center;gap:var(--space-3);background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3)}.phone-input:focus-within{border-color:var(--umber)}.phone-cc{font-family:var(--mono);font-size:var(--fs-sm);color:var(--cream-dim);white-space:nowrap}.otp{display:flex;gap:var(--space-3);margin:var(--space-2) 0 var(--space-4)}.otp-box{width:56px;height:64px;text-align:center;font-family:var(--mono);font-size:var(--fs-xl);color:var(--cream);background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius-md);outline:none}.otp-box.filled{border-color:var(--umber)}.otp-box:focus{border-color:var(--accent)}.otp-box.invalid{border-color:var(--danger)}.resend{font-size:var(--fs-sm);color:var(--body-dim);margin:0 0 var(--space-4)}.resend-wait{color:var(--body);font-family:var(--mono)}.gender{display:flex;gap:var(--space-3)}.gender-opt{flex:1;height:52px;border-radius:var(--radius-md);background:var(--panel);border:1px solid var(--hairline);color:var(--body);font-weight:500;transition:all .15s var(--ease)}.gender-opt.sel{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.deposit-note{font-size:var(--fs-xs);color:var(--body-dim);line-height:1.5;margin:var(--space-4) 0 0}.form-error{color:var(--danger);font-size:var(--fs-sm);margin:var(--space-2) 0 0}.auth-actions{margin-top:var(--space-6)}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;opacity:0;visibility:hidden;transition:opacity .25s var(--ease),visibility .25s var(--ease);z-index:50}.drawer-scrim.open{opacity:1;visibility:visible}.drawer{--drawer-hide: 105%;position:fixed;inset-block:0;inset-inline-end:0;width:min(86vw,380px);background:var(--ground-2);border-inline-start:1px solid var(--hairline);transform:translate(var(--drawer-hide));transition:transform .3s var(--ease);z-index:51;display:flex;flex-direction:column}[dir=rtl] .drawer{--drawer-hide: -105%}.drawer.open{transform:translate(0)}.drawer-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:var(--space-4) var(--space-4) 0}.drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.lang-toggle{font-family:var(--serif);font-size:var(--fs-sm);color:var(--cream-dim);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--hairline)}.loggedout{text-align:center;padding:var(--space-8) var(--space-3) var(--space-6)}.lo-mark{width:64px;height:64px;margin:0 auto var(--space-4);display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent)}.loggedout h3{font-family:var(--serif);font-weight:400;font-size:var(--fs-xl);margin:0 0 var(--space-2)}.loggedout p{color:var(--body);font-size:var(--fs-sm);margin:0 0 var(--space-5)}.acct-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0 var(--space-5);border-bottom:1px solid var(--hairline-soft);margin-bottom:var(--space-4)}.acct-av{width:52px;height:52px;flex:none;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-family:var(--serif);font-size:var(--fs-lg)}.acct-id{min-width:0}.acct-name{font-family:var(--serif);font-size:var(--fs-lg)}.acct-phone{font-family:var(--mono);font-size:var(--fs-sm);color:var(--body-dim)}.menu-label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--body-dim);margin:0 0 var(--space-2)}.menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:start;padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);transition:background .15s var(--ease)}.menu-item:hover{background:var(--hairline-soft)}.mi-ico{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--panel);color:var(--cream-dim)}.mi-main{flex:1;min-width:0}.mi-t{display:block;font-size:var(--fs-md);color:var(--cream)}.mi-chev{flex:none;color:var(--body-dim)}.drawer-foot{margin-top:auto;padding:var(--space-4) 0 calc(var(--space-5) + var(--safe-bottom))}.signout{display:flex;align-items:center;gap:var(--space-2);color:var(--danger);font-size:var(--fs-sm);font-weight:500;padding:var(--space-3) var(--space-2)}.prof-bar{margin-bottom:var(--space-5)}.prof-pill{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:start;background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--space-3);transition:border-color .15s var(--ease)}.prof-pill:hover{border-color:var(--umber)}.pro-av{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-family:var(--serif)}.pro-main{flex:1;min-width:0;display:flex;flex-direction:column}.pro-name{font-size:var(--fs-md);color:var(--cream)}.pro-sub{font-size:var(--fs-xs);color:var(--body-dim)}.date-strip{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2);margin-bottom:var(--space-4);scrollbar-width:none}.date-strip::-webkit-scrollbar{display:none}.datecell{flex:none;width:56px;padding:var(--space-3) 0;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);border-radius:var(--radius-md);background:var(--panel);border:1px solid var(--hairline);transition:all .15s var(--ease)}.datecell .dow{font-size:11px;color:var(--body-dim)}.datecell .dnum{font-family:var(--serif);font-size:var(--fs-lg);color:var(--cream)}.datecell.sel{background:var(--accent-soft);border-color:var(--accent)}.datecell.sel .dnum,.datecell.sel .dow{color:var(--accent)}.slot-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.slot-flat{height:48px;border-radius:var(--radius-md);background:var(--panel);border:1px solid var(--hairline);color:var(--cream-dim);font-family:var(--mono);font-size:var(--fs-sm);transition:all .15s var(--ease)}.slot-flat:hover:not(:disabled){border-color:var(--umber)}.slot-flat.sel{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.slot-flat:disabled{opacity:.5}.pro-card{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:start;background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-2);transition:border-color .15s var(--ease)}.pro-card.sel{border-color:var(--accent);background:var(--accent-soft)}.radio{width:20px;height:20px;flex:none;border-radius:var(--radius-pill);border:2px solid var(--umber)}.radio.on{border-color:var(--accent);background:radial-gradient(circle at center,var(--accent) 0 5px,transparent 6px)}.hold-timer{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--mono);font-size:var(--fs-sm);color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-4)}.venue-card{display:flex;gap:var(--space-3);align-items:center;background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-4)}.venue-thumb{width:60px;height:60px;flex:none;border-radius:var(--radius-md)}.venue-info{min-width:0}.vn{font-family:var(--serif);font-size:var(--fs-lg)}.vaddr{color:var(--body-dim);font-size:var(--fs-sm)}.recap{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.recap-row{display:flex;align-items:center;gap:var(--space-3);color:var(--umber)}.recap-row .k{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--body-dim)}.recap-row .v{font-size:var(--fs-md);color:var(--cream)}.ticket{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.ticket-svc{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-3)}.ticket-svc .n{font-size:var(--fs-md);color:var(--cream)}.ticket-svc .th{font-size:var(--fs-sm);color:var(--body-dim);margin-top:2px}.ticket-svc .p{font-family:var(--mono);font-size:var(--fs-sm);color:var(--cream-dim);white-space:nowrap}.ticket-total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--hairline-soft);padding-top:var(--space-3)}.ticket-total .k{font-size:var(--fs-md);color:var(--body)}.ticket-total .v{font-family:var(--mono);font-size:var(--fs-xl);color:var(--accent)}.ticket-when{display:flex;gap:var(--space-4);border-top:1px solid var(--hairline-soft);padding-top:var(--space-3);margin-top:var(--space-3)}.ticket-when .w{flex:1}.ticket-when .k{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--body-dim)}.ticket-when .v{font-size:var(--fs-sm);color:var(--cream);margin-top:2px}.pay-opt{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius-md);margin-bottom:var(--space-2);overflow:hidden}.pay-opt.sel{border-color:var(--accent);background:var(--accent-soft)}.pay-opt-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:start;padding:var(--space-3)}.pay-ico{width:44px;height:40px;flex:none;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--ground-2);color:var(--cream-dim)}.pay-ico-text{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--cream-dim)}.wallet-apply{padding:0 var(--space-3) var(--space-3)}.wallet-input{display:flex;align-items:center;gap:var(--space-2);background:var(--ground-2);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.wallet-input:focus-within{border-color:var(--accent)}.wallet-cur{font-family:var(--mono);font-size:var(--fs-sm);color:var(--body-dim)}.wallet-note{font-size:var(--fs-xs);color:var(--body-dim);margin:var(--space-2) 0 0}.wallet-note.ok{color:var(--ok)}.pay-fallback{display:block;margin:var(--space-3) 0 0}.pay-state{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);margin:var(--space-2) auto 0}.pay-state.paid{color:var(--ok);background:#4fb4771f}.pay-state.partial{color:var(--accent);background:var(--accent-soft)}.pay-state.spa{color:var(--body);background:var(--hairline-soft)}.bk-pay{margin-top:var(--space-2)}.pay-pill{font-size:11px;letter-spacing:.03em;border-radius:var(--radius-pill);padding:2px 9px}.pay-pill.paid{color:var(--ok);background:#4fb4771f}.pay-pill.partial{color:var(--accent);background:var(--accent-soft)}.pay-pill.spa{color:var(--body-dim);background:var(--hairline-soft)}.pm{flex:1;min-width:0;display:flex;flex-direction:column}.pm .t{font-size:var(--fs-md);color:var(--cream)}.pm .s{font-size:var(--fs-xs);color:var(--body-dim)}.expired-panel{text-align:center;padding-top:var(--space-12)}.expired-mark{width:72px;height:72px;margin:0 auto var(--space-5);display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent)}.expired-panel .btn{width:100%;margin-top:var(--space-5)}.exit-body{text-align:center}.confirm-pad{text-align:center;padding-top:var(--space-10)}.success-mark{width:84px;height:84px;margin:0 auto var(--space-5);display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 8px var(--hairline-soft)}.ref-chip{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--mono);font-size:var(--fs-sm);color:var(--ok);background:#4fb4771f;border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);margin:var(--space-4) 0}.confirm-pad .ticket{text-align:start}.confirm-action{width:100%;margin-bottom:var(--space-3)}.confirm-new{display:block;margin:var(--space-4) auto 0}.confirm-sub-badge{display:inline-flex;margin:0 auto}.redeem-note-center{margin-inline:auto}.signedout-gate{text-align:center;padding-top:var(--space-12)}.signedout-gate .btn{width:100%;margin-top:var(--space-5)}.btn-danger{background:var(--danger);color:var(--cream)}.btn.half{flex:1;height:46px}.bk-card{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3)}.bk-card.up{border-color:var(--umber)}.bk-top{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.bk-badge{font-size:11px;letter-spacing:.04em;padding:3px 9px;border-radius:var(--radius-pill);background:var(--hairline-soft);color:var(--body)}.bk-badge.up{color:var(--ok);background:#4fb4771f}.bk-badge.done{color:var(--cream-dim)}.bk-badge.cx{color:var(--danger);background:#e5674b1f}.bk-badge.sub-badge{color:var(--accent);background:var(--accent-soft)}.bk-when{margin-inline-start:auto;font-size:var(--fs-xs);color:var(--body-dim)}.bk-svc{font-family:var(--serif);font-size:var(--fs-lg)}.bk-meta{font-size:var(--fs-sm);color:var(--body-dim);margin-top:2px}.bk-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.bk-hint{margin-top:var(--space-3);font-size:var(--fs-xs);color:var(--body-dim);font-style:italic}.inv-row{display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:start;padding:var(--space-3) 0;border-bottom:1px solid var(--hairline-soft)}.inv-main{flex:1;min-width:0}.inv-no{font-family:var(--mono);font-size:var(--fs-sm);color:var(--cream)}.inv-sub{font-size:var(--fs-xs);color:var(--body-dim);margin-top:2px}.inv-right{text-align:end;flex:none}.inv-amt{font-family:var(--mono);font-size:var(--fs-sm);color:var(--cream)}.inv-status{font-size:11px;margin-top:2px}.inv-status.paid{color:var(--ok)}.inv-status.other{color:var(--body-dim)}.inv-chev{flex:none;color:var(--body-dim)}.inv-totals{border-top:1px solid var(--hairline-soft);padding-top:var(--space-3);margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.inv-total-row{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-sm);color:var(--body)}.inv-total-row .v{font-family:var(--mono)}.inv-total-row.strong{color:var(--cream);font-weight:600}.inv-total-row.strong .v{color:var(--accent)}.credit-card{display:flex;align-items:center;gap:var(--space-3);background:linear-gradient(135deg,var(--panel),var(--brown));border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-5)}.cc-ico{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent)}.cc-body{display:flex;flex-direction:column}.cc-l{font-size:var(--fs-xs);color:var(--body-dim)}.cc-v{font-family:var(--mono);font-size:var(--fs-xl);color:var(--cream)}.led-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--hairline-soft)}.led-t{font-size:var(--fs-md);color:var(--cream)}.led-d{font-size:var(--fs-xs);color:var(--body-dim)}.led-amt{font-family:var(--mono);font-size:var(--fs-sm);white-space:nowrap}.led-amt.pos{color:var(--ok)}.led-amt.neg{color:var(--cream-dim)}.sub-card{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3)}.sub-name{font-family:var(--serif);font-size:var(--fs-lg);margin-top:var(--space-1)}.sub-prog{margin-top:var(--space-3)}.sub-bar{height:6px;border-radius:var(--radius-pill);background:var(--hairline);overflow:hidden}.sub-bar i{display:block;height:100%;background:var(--accent)}.sub-count{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2);font-size:var(--fs-xs);color:var(--body-dim)}.sub-count b{color:var(--accent)}.sub-book{width:100%;margin-top:var(--space-4)}.sub-sel{display:flex;align-items:center;gap:var(--space-3);background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3)}.sub-sel-main{flex:1;min-width:0}.sub-sel-svc{font-size:var(--fs-md);color:var(--cream)}.sub-sel-store{font-size:var(--fs-sm);color:var(--body-dim)}.redeem-note{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-4);width:fit-content}.sub-svc-block{margin-bottom:var(--space-2)}.sub-store-list{padding-inline-start:var(--space-4)}
