:root{--bg-canvas: #060d1f;--bg-sunken: #0b1530;--surface-1: #111e38;--surface-2: #162040;--surface-3: #1c2a4e;--border-subtle: #1e2d50;--border-strong: #2a3b66;--brand-gold: #f59e0b;--brand-gold-press: #d97706;--info-sky: #3b82f6;--success-green: #10b981;--danger-coral: #f87171;--warn-amber: #fbbf24;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-on-gold: #0b1530;--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: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 999px;--motion-instant: .1s;--motion-fast: .18s;--motion-base: .26s;--motion-slow: .4s;--ease: cubic-bezier(.4, 0, .2, 1);--content-max: 480px;--tap: 48px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font-family:Cairo,Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.47;-webkit-font-smoothing:antialiased}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;direction:ltr;unicode-bidi:isolate;white-space:nowrap}.app{max-width:var(--content-max);margin:0 auto;min-height:100%;display:flex;flex-direction:column;position:relative}.screen{flex:1;padding:var(--space-4) var(--space-4) calc(var(--tap) + var(--space-12))}.appbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4)}.greeting{color:var(--text-secondary);font-size:13px}.topbar{display:grid;grid-template-columns:var(--tap) 1fr var(--tap);align-items:center;position:sticky;top:0;z-index:20;margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-4);padding:var(--space-3) var(--space-2);background:var(--surface-1);border-bottom:1px solid var(--border-subtle)}.topbar-title{margin:0;text-align:center;font-size:17px;font-weight:700;color:var(--text-primary)}.topbar-side{display:flex;align-items:center}.topbar-side:last-child{justify-content:flex-end}.topbar-back{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);background:none;border:none;cursor:pointer;color:var(--text-primary)}.topbar-back:active{opacity:.6}[dir=rtl] .topbar-back svg{transform:scaleX(-1)}.display-balance{font-size:40px;line-height:48px;font-weight:700}.display-code{font-size:34px;line-height:40px;font-weight:700;letter-spacing:2px}.headline{font-size:28px;line-height:36px;font-weight:700;margin:0 0 var(--space-4)}.title{font-size:20px;line-height:28px;font-weight:600;margin:0}.body-lg{font-size:17px;line-height:26px}.caption{font-size:12px;line-height:16px;color:var(--text-muted)}.secondary{color:var(--text-secondary)}.card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4)}.card+.card{margin-top:var(--space-3)}.card-button{display:block;width:100%;text-align:inherit;font:inherit;color:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease}.card-button:hover{border-color:var(--border-strong, var(--brand-gold))}.card-button:active{background:var(--surface-2, var(--surface-1))}.section{margin-top:var(--space-6)}.row{display:flex;align-items:center;gap:var(--space-3)}.between{justify-content:space-between}.stack>*+*{margin-top:var(--space-3)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;min-height:52px;padding:0 var(--space-5);border-radius:var(--radius-md);font:inherit;font-weight:600;font-size:13px;letter-spacing:.2px;transition:transform var(--motion-instant) var(--ease),background var(--motion-instant) var(--ease)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn-primary{background:var(--brand-gold);color:var(--text-on-gold);width:100%}.btn-primary:active:not(:disabled){background:var(--brand-gold-press)}.btn-secondary{background:transparent;color:var(--text-primary);border:1.5px solid var(--border-strong)}.btn-text{background:transparent;color:var(--info-sky);min-height:var(--tap);padding:0 var(--space-2)}.field{display:block;margin-top:var(--space-4)}.field-label{display:block;font-size:13px;font-weight:600;letter-spacing:.2px;margin-bottom:var(--space-2);color:var(--text-secondary)}.input{width:100%;min-height:52px;padding:0 var(--space-4);background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font:inherit;outline:none;transition:border-color var(--motion-fast) var(--ease)}.input:focus{border-color:var(--brand-gold);border-width:1.5px;box-shadow:0 0 0 3px #f59e0b26}.input.error{border-color:var(--danger-coral)}.phone-wrap{display:flex;direction:ltr}.phone-affix{display:flex;align-items:center;padding:0 var(--space-3);background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border-strong);border-right:none;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.phone-wrap .input{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.otp{display:flex;gap:var(--space-2);direction:ltr;justify-content:center}.otp input{width:44px;height:56px;text-align:center;font-size:22px;font-weight:700;background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none}.otp input:focus{border-color:var(--brand-gold)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:12px;font-weight:600}.chip-success{background:#10b98129;color:var(--success-green)}.chip-partial{background:#fbbf2429;color:var(--warn-amber)}.chip-failed{background:#f8717129;color:var(--danger-coral)}.chip-tier{background:var(--surface-3);color:var(--text-secondary)}.banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-4)}.banner-expiry{background:#fbbf241a;border-inline-start:3px solid var(--warn-amber)}.banner-error{background:#f871711a;border-inline-start:3px solid var(--danger-coral);color:var(--text-primary)}.poolcard{border-radius:var(--radius-lg);padding:var(--space-6);background:linear-gradient(135deg,#f59e0b38,#0b1530e6),var(--surface-2);border:1px solid var(--border-strong)}.poolcard .mark{color:var(--brand-gold);font-weight:700;letter-spacing:1px;font-size:13px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-4)}.tile{min-height:88px;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;border:1px solid var(--border-subtle);background:var(--surface-1);color:var(--text-primary);font:inherit;font-weight:600}.tile-gold{background:var(--brand-gold);color:var(--text-on-gold);border-color:transparent}.logo{width:40px;height:40px;flex:none;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-on-gold);border:1px solid var(--border-subtle)}.logo-img{object-fit:cover;background:var(--surface-2)}.cat-row{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.cat-row::-webkit-scrollbar{display:none}.cat{flex:none;width:84px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);background:none;border:none;cursor:pointer;font:inherit;color:var(--text-primary);padding:var(--space-1)}.cat .logo{border-radius:var(--radius-md)}.cat-active .logo{border-color:var(--brand-gold);box-shadow:0 0 0 2px #f59e0b59}.cat-active .cat-label{color:var(--brand-gold)}.cat-label{font-size:12px;font-weight:600;text-align:center}.merchant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-3)}.merchant-card{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;padding:var(--space-3)}.merchant-card .logo{border-radius:var(--radius-md);margin-bottom:var(--space-1)}.merchant-name{font-size:13px;font-weight:600}.nav{position:sticky;bottom:0;display:flex;justify-content:space-around;align-items:flex-end;background:var(--surface-1);border-top:1px solid var(--border-subtle);padding:var(--space-2) 0 calc(var(--space-2) + env(safe-area-inset-bottom))}.nav-item{flex:1;background:none;border:none;cursor:pointer;color:var(--text-secondary);font:inherit;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:var(--tap);padding-top:var(--space-2)}.nav-item[aria-current=page]{color:var(--brand-gold)}.nav-glyph{font-size:22px;line-height:1}.nav-pay{flex:none;width:60px;height:60px;border-radius:var(--radius-full);background:var(--brand-gold);color:var(--text-on-gold);display:flex;align-items:center;justify-content:center;font-size:26px;margin-top:-22px;border:4px solid var(--bg-canvas);cursor:pointer}.nav-badge{position:relative}.nav-badge:after{content:attr(data-count);position:absolute;top:-2px;inset-inline-end:8px;background:var(--danger-coral);color:#fff;font-size:9px;min-width:14px;height:14px;border-radius:var(--radius-full);display:grid;place-items:center;padding:0 3px;direction:ltr;unicode-bidi:isolate}.opcode{text-align:center;padding:var(--space-6) var(--space-4)}.opcode .code{color:var(--text-primary)}.countdown{color:var(--warn-amber);font-weight:600}.brk{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.brk:last-child{border-bottom:none}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-rail{display:flex;align-items:stretch;gap:var(--space-3);overflow-x:auto;padding:6px 2px 10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.card-rail>*{flex:0 0 132px;width:132px;margin:0;scroll-snap-align:start}.card-rail .merchant-card{width:132px;height:150px;margin:0;justify-content:center;box-sizing:border-box}.card-rail .merchant-card .logo,.card-rail .merchant-card .logo-img{width:44px;height:44px;flex:none}.glyph-success{color:var(--success-green)}.glyph-failed{color:var(--danger-coral)}.skeleton{background:linear-gradient(90deg,var(--surface-1),var(--surface-2),var(--surface-1));background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{to{background-position:-200% 0}}.empty{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-secondary)}.empty .art{font-size:48px}.list>*+*{margin-top:var(--space-3)}ul.bare{list-style:none;margin:0;padding:0}a,.link{color:var(--info-sky)}th{text-align:start;font-weight:600;color:var(--text-secondary)}td,th{padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}