:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg-app:#090a0f;--bg-surface:#12141eb3;--bg-surface-elevated:#1c2030d9;--border-color:#ffffff14;--border-hover:#ffffff29;--color-primary:#14f195;--color-primary-rgb:20, 241, 149;--color-secondary:#9945ff;--color-secondary-rgb:153, 69, 255;--color-accent:#00f0ff;--color-accent-rgb:0, 240, 255;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--shadow-sm:0 2px 8px -2px #00000080;--shadow-md:0 8px 30px -10px #000c;--shadow-glow-purple:0 0 20px #9945ff33;--shadow-glow-green:0 0 20px #14f19540;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{background-image:radial-gradient(circle at 10% 20%,#9945ff14 0%,#0000 40%),radial-gradient(circle at 90% 80%,#14f1950f 0%,#0000 45%),radial-gradient(circle,#00f0ff08 0%,#0000 50%);background-attachment:fixed;min-height:100vh;margin:0;overflow-x:hidden}#root{flex-direction:column;width:100%;max-width:1440px;min-height:100vh;margin:0 auto;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@keyframes pulse-glow{0%,to{opacity:.6;box-shadow:0 0 15px #14f19526}50%{opacity:1;box-shadow:0 0 25px #14f19559}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes success-pop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.animate-spin-slow{animation:12s linear infinite spin-slow}.animate-slide-up{animation:.35s cubic-bezier(.16,1,.3,1) forwards slide-up}.animate-fade-in{animation:.25s ease-out forwards fade-in}.animate-success{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards success-pop}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.app-header{background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:16px 24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-logo{background:linear-gradient(135deg, var(--color-secondary) 0%, var(--color-accent) 100%);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:800;display:flex;box-shadow:0 4px 12px #9945ff4d}.brand-info h1{letter-spacing:-.5px;background:linear-gradient(90deg, var(--text-primary) 30%, #a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:20px;font-weight:700}.brand-info p{color:var(--text-secondary);font-size:12px}.header-actions{align-items:center;gap:16px;display:flex}.network-badge{color:var(--color-primary);background:#14f1951a;border:1px solid #14f19533;border-radius:30px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.network-badge.mainnet{color:#fa0;background:#ffaa001a;border:1px solid #fa03}.network-dot{background-color:currentColor;border-radius:50%;width:8px;height:8px}.connection-status{border:1px solid var(--border-color);background:#ffffff08;border-radius:12px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex}.dashboard-grid{flex:1;grid-template-columns:1.4fr 1fr;gap:24px;display:grid}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}}.panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:border-color var(--transition-normal);border-radius:24px;flex-direction:column;gap:20px;padding:24px;display:flex}.panel:hover{border-color:#ffffff1f}.panel-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.panel-title{color:var(--text-primary);align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.panel-title svg{color:var(--color-secondary)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;display:grid}.product-card{border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-normal);background:#ffffff05;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex;position:relative;overflow:hidden}.product-card:before{content:"";opacity:0;transition:opacity var(--transition-normal);background:linear-gradient(135deg,#9945ff0d 0%,#14f1950d 100%);position:absolute;inset:0}.product-card:hover{box-shadow:var(--shadow-sm), var(--shadow-glow-purple);border-color:#9945ff4d;transform:translateY(-4px)}.product-card:hover:before{opacity:1}.product-card.selected{border-color:var(--color-primary);box-shadow:var(--shadow-sm), var(--shadow-glow-green);background:#14f1950a}.product-image-placeholder{z-index:1;background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;height:100px;font-size:32px;display:flex;position:relative}.product-details{z-index:1;flex-direction:column;gap:4px;display:flex;position:relative}.product-name{color:var(--text-primary);font-size:15px;font-weight:600}.product-price{font-family:var(--font-mono);color:var(--color-primary);font-size:14px;font-weight:700}.quantity-badge{background:var(--color-primary);color:#090a0f;z-index:2;border-radius:20px;padding:2px 6px;font-size:11px;font-weight:800;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #14f19566}.setup-panel{border:1px solid var(--border-color);background:#ffffff03;border-radius:16px;padding:16px}.form-group{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.form-group label{color:var(--text-secondary);font-size:13px;font-weight:600}.form-row{gap:8px;display:flex}.input-glow{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);width:100%;transition:all var(--transition-fast);background:#ffffff08;border-radius:10px;padding:10px 14px;font-size:14px}.input-glow:focus{border-color:var(--color-secondary);background:#ffffff0d;outline:none;box-shadow:0 0 10px #9945ff26}.input-glow.mono{font-family:var(--font-mono);font-size:13px}.custom-checkout{border-top:1px solid var(--border-color);margin-top:8px;padding-top:16px}.cart-summary{border:1px solid var(--border-color);background:#ffffff05;border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex}.cart-row{color:var(--text-secondary);justify-content:space-between;font-size:14px;display:flex}.cart-row.total{border-top:1px solid var(--border-color);color:var(--text-primary);padding-top:12px;font-size:18px;font-weight:700}.cart-price-large{font-family:var(--font-mono);color:var(--color-primary)}.btn{cursor:pointer;transition:all var(--transition-fast);font-size:14px;font-weight:600;font-family:var(--font-sans);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-secondary) 0%, #7c22e0 100%);color:#fff;box-shadow:0 4px 15px #9945ff4d}.btn-primary:hover{box-shadow:0 6px 20px #9945ff80, var(--shadow-glow-purple);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{border-color:var(--border-color);color:var(--text-primary);background:#ffffff0a}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff14}.btn-accent{background:linear-gradient(135deg, var(--color-primary) 0%, #0fd87a 100%);color:#090a0f;box-shadow:0 4px 15px #14f1954d}.btn-accent:hover{box-shadow:0 6px 20px #14f19580, var(--shadow-glow-green);transform:translateY(-2px)}.btn-sm{border-radius:8px;padding:6px 12px;font-size:12px}.btn-danger{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.btn-danger:hover{background:#ef444433}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.checkout-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:16px 0;display:flex}.checkout-status{flex-direction:column;gap:4px;display:flex}.status-badge-live{color:var(--color-accent);letter-spacing:.5px;background:#00f0ff14;border:1px solid #00f0ff33;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-flex}.status-dot-pulse{background-color:var(--color-accent);width:8px;height:8px;box-shadow:0 0 10px var(--color-accent);border-radius:50%;animation:1.5s infinite pulse-glow}.qr-container-outer{border:2px solid var(--border-color);box-shadow:var(--shadow-sm);transition:border-color var(--transition-normal);background:#11131c;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:relative}.qr-container-outer.confirming{border-color:var(--color-accent);box-shadow:0 0 30px #00f0ff26}.qr-scan-line{background:linear-gradient(90deg, transparent, var(--color-accent), transparent);z-index:10;height:3px;animation:2.5s ease-in-out infinite qr-scan;position:absolute;left:16px;right:16px}@keyframes qr-scan{0%{top:16px}50%{top:calc(100% - 19px)}to{top:16px}}.qr-canvas-wrapper{background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:12px;display:flex;box-shadow:inset 0 0 10px #0000001a}.qr-canvas-wrapper img{max-width:100%;display:block}.amount-display{flex-direction:column;align-items:center;gap:4px;display:flex}.amount-val{font-family:var(--font-mono);letter-spacing:-1px;color:var(--text-primary);font-size:32px;font-weight:800}.amount-val-usdc{color:#2775ca}.amount-label{color:var(--text-secondary);font-size:13px}.copy-link-section{border:1px solid var(--border-color);background:#0003;border-radius:10px;align-items:center;gap:8px;width:100%;padding:8px 12px;display:flex}.copy-text{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;font-size:11px;overflow:hidden}.simulator-panel{background:#14f19505;border:1px dashed #14f19533;border-radius:16px;flex-direction:column;gap:12px;width:100%;padding:16px;display:flex}.simulator-header{border-bottom:1px solid #14f1951a;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.sim-title{color:var(--color-primary);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.wallet-details{text-align:left;flex-direction:column;gap:6px;font-size:12px;display:flex}.wallet-address-copy{font-family:var(--font-mono);color:var(--text-secondary);background:#00000026;border-radius:8px;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.wallet-bal{font-family:var(--font-mono);justify-content:space-between;padding:4px 0;display:flex}.wallet-bal-val{color:var(--color-primary);font-weight:600}.sim-actions{grid-template-columns:1fr 1.2fr;gap:8px;display:grid}.success-overlay{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 20px;display:flex}.success-icon-circle{border:2px solid var(--color-primary);width:80px;height:80px;color:var(--color-primary);box-shadow:var(--shadow-glow-green);background:#14f1951a;border-radius:50%;justify-content:center;align-items:center;display:flex}.success-title{color:var(--color-primary);font-size:24px;font-weight:700}.logs-section{background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:20px;padding:24px}.logs-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.logs-title{align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.logs-table-wrapper{border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}.logs-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.logs-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-color);background:#ffffff05;padding:12px 16px;font-weight:600}.logs-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:12px 16px}.logs-table tr:last-child td{border-bottom:none}.logs-table tr:hover td{background:#ffffff03}.status-badge{border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.status-badge.confirmed{color:var(--color-primary);background:#14f1951a;border:1px solid #14f19533}.status-badge.pending{color:var(--color-accent);background:#00f0ff1a;border:1px solid #00f0ff33}.tx-link{color:var(--color-accent);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.tx-link:hover{text-decoration:underline}.empty-state{text-align:center;color:var(--text-muted);padding:40px}.toast{background:var(--bg-surface-elevated);border:1px solid var(--border-color);box-shadow:var(--shadow-md);z-index:1000;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;animation:.2s forwards slide-up;display:flex;position:fixed;bottom:24px;right:24px}.toast.success{border-color:var(--color-primary);color:var(--color-primary)}.toast.error{color:#ef4444;border-color:#ef4444}.sim-console{font-family:var(--font-mono);text-align:left;height:90px;color:var(--text-secondary);background:#050608;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:4px;padding:8px 12px;font-size:11px;display:flex;overflow-y:auto}.sim-console-line{white-space:pre-wrap;line-height:1.4}.sim-console-line.info{color:var(--color-accent)}.sim-console-line.success{color:var(--color-primary)}.sim-console-line.error{color:#ef4444}.demo-tips{text-align:left;background:#9945ff08;border:1px solid #9945ff1a;border-radius:12px;padding:12px;font-size:12px;line-height:1.5}.demo-tips h4{color:var(--color-secondary);margin-bottom:4px;font-size:13px;font-weight:700}.demo-tips ul{color:var(--text-secondary);padding-left:16px}.landing-page{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:40px;padding:48px 24px;display:flex}.landing-hero{align-items:center;gap:20px;display:flex}.landing-logo-ring{background:linear-gradient(135deg, var(--color-secondary), var(--color-accent));color:#fff;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;animation:3s ease-in-out infinite pulse-glow;display:flex;box-shadow:0 8px 32px #9945ff66}.landing-hero-text{text-align:left}.landing-title{letter-spacing:-2.5px;background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 55%, var(--color-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:52px;font-weight:800;line-height:1.1}.landing-tagline{color:var(--text-secondary);margin:6px 0 0;font-size:15px}.landing-pills{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.pill{border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff0a;border-radius:30px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;display:inline-flex}.role-cards{grid-template-columns:1fr 1fr;gap:24px;width:100%;max-width:840px;display:grid}@media (width<=680px){.role-cards{grid-template-columns:1fr}.landing-title{letter-spacing:-1.5px;font-size:38px}.landing-hero{text-align:center;flex-direction:column}.landing-hero-text{text-align:center}}.role-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);cursor:pointer;box-shadow:var(--shadow-md);text-align:left;font-family:var(--font-sans);color:var(--text-primary);border-radius:24px;flex-direction:column;align-items:flex-start;gap:16px;width:100%;padding:36px 28px 28px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.merchant-card:hover{box-shadow:var(--shadow-md), 0 0 40px #9945ff33;border-color:#9945ff73;transform:translateY(-6px)}.customer-card:hover{box-shadow:var(--shadow-md), 0 0 40px #14f19526;border-color:#14f19573;transform:translateY(-6px)}.role-icon{border-radius:18px;justify-content:center;align-items:center;width:68px;height:68px;display:flex}.merchant-icon{color:var(--color-secondary);background:#9945ff1f;border:1px solid #9945ff40}.customer-icon{color:var(--color-primary);background:#14f1951a;border:1px solid #14f19540}.role-card-body h2{color:var(--text-primary);margin:0 0 8px;font-size:22px;font-weight:700}.role-card-body p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.65}.role-cta{margin-top:4px;padding:10px 0;font-size:14px;font-weight:700;display:inline-block}.merchant-cta{color:var(--color-secondary)}.customer-cta{color:var(--color-primary)}.landing-footer{color:var(--text-muted);font-size:13px}.setup-page{flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex;position:relative}.back-link{color:var(--text-secondary);font-size:14px;font-family:var(--font-sans);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;display:inline-flex;position:absolute;top:24px;left:24px}.back-link:hover{color:var(--text-primary);background:#ffffff0d}.setup-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);width:100%;max-width:520px;box-shadow:var(--shadow-md);border-radius:24px;flex-direction:column;gap:6px;padding:48px 40px;animation:.35s cubic-bezier(.16,1,.3,1) forwards slide-up;display:flex}.merchant-setup-card{border-color:#9945ff26}.customer-setup-card{border-color:#14f1951f}.setup-icon-wrap{border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:8px;display:flex}.merchant-setup-icon{color:var(--color-secondary);background:linear-gradient(135deg,#9945ff26,#00f0ff14);border:1px solid #9945ff4d}.customer-setup-icon{color:var(--color-primary);background:linear-gradient(135deg,#14f1951f,#00f0ff14);border:1px solid #14f19540}.setup-title{color:var(--text-primary);margin:0;font-size:26px;font-weight:700}.setup-subtitle{color:var(--text-secondary);margin:0 0 20px;font-size:14px;line-height:1.65}.setup-form{flex-direction:column;gap:20px;display:flex}.label-muted{color:var(--text-muted);font-size:12px;font-weight:400}.field-hint{color:var(--text-muted);margin-top:2px;font-size:12px;line-height:1.5}.field-error{color:#ef4444;margin-top:2px;font-size:12px}.field-success{color:var(--color-primary);font-size:13px;font-weight:600}.wallet-status-row{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.wallet-balance-inline{color:var(--color-primary);font-size:14px;font-weight:600}.setup-submit{width:100%;margin-top:4px;padding:14px;font-size:15px}.wallet-fund-card{background:#14f19508;border:1px dashed #14f19533;border-radius:16px;flex-direction:column;align-items:center;gap:14px;padding:28px 20px;display:flex}.wallet-balance-hero{align-items:baseline;gap:10px;display:flex}.balance-num{font-family:var(--font-mono);color:var(--color-primary);font-size:44px;font-weight:800;line-height:1}.balance-denom{color:var(--text-secondary);font-size:20px;font-weight:600}.fund-hint{color:var(--text-muted);text-align:center;margin:0;font-size:12px}.app-shell{flex-direction:column;flex:1;min-height:100vh;display:flex}.app-shell .app-header{border-top:none;border-left:none;border-right:none;border-radius:0;margin:0}.dashboard-placeholder{flex:1;justify-content:center;align-items:center;padding:60px 24px;display:flex}.placeholder-inner{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:480px;display:flex}.placeholder-check{font-size:48px}.placeholder-next{color:var(--text-muted);margin-top:4px;font-size:14px}.loading-screen{color:var(--text-muted);flex:1;justify-content:center;align-items:center;min-height:100vh;font-size:16px;display:flex}.wallet-credit-hint{color:var(--color-primary);margin-top:6px;font-size:12px;font-weight:500}.rate-slider-row{align-items:center;gap:14px;display:flex}.rate-slider{appearance:none;background:linear-gradient(to right, var(--color-secondary) 0%, var(--color-secondary) calc((var(--slider-pct,0) * 1%)), #ffffff14 calc((var(--slider-pct,0) * 1%)), #ffffff14 100%);cursor:pointer;border-radius:99px;outline:none;flex:1;height:6px;transition:opacity .15s}.rate-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-secondary);cursor:pointer;border:2px solid #ffffff26;border-radius:50%;width:20px;height:20px;transition:transform .15s,box-shadow .15s;box-shadow:0 0 10px #9945ff80}.rate-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 18px #9945ffcc}.rate-slider::-moz-range-thumb{background:var(--color-secondary);cursor:pointer;border:2px solid #ffffff26;border-radius:50%;width:20px;height:20px;box-shadow:0 0 10px #9945ff80}.rate-slider.redemption-slider::-webkit-slider-thumb{background:var(--color-accent);box-shadow:0 0 10px #00f0ff80}.rate-slider.redemption-slider::-webkit-slider-thumb:hover{box-shadow:0 0 18px #00f0ffcc}.rate-slider.redemption-slider::-moz-range-thumb{background:var(--color-accent);box-shadow:0 0 10px #00f0ff80}.rate-slider-value{font-family:var(--font-mono);color:var(--text-primary);text-align:right;flex-shrink:0;min-width:52px;font-size:15px;font-weight:700}.redemption-preview{background:#00f0ff0a;border:1px solid #00f0ff1a;border-radius:10px;flex-direction:column;gap:4px;margin-top:2px;padding:10px 14px;display:flex}.redemption-preview-row{color:var(--text-secondary);font-size:12px;font-family:var(--font-mono);justify-content:space-between;align-items:center;display:flex}.merchant-stats-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:8px;display:grid}@media (width<=900px){.merchant-stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.merchant-stats-row{grid-template-columns:1fr}}.stat-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border-radius:20px;align-items:center;gap:16px;padding:20px;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);border-color:#ffffff1f;transform:translateY(-2px)}.stat-icon{width:46px;height:46px;color:var(--color-secondary);background:#9945ff14;border:1px solid #9945ff26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-info{flex-direction:column;gap:4px;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.stat-value{font-family:var(--font-mono);color:var(--text-primary);font-size:18px;font-weight:700}.badge-tier{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-tier.bronze{color:#cd7f32;background:#cd7f321f;border:1px solid #cd7f3240}.badge-tier.silver{color:#d1d5db;background:#c0c0c01f;border:1px solid #c0c0c040}.badge-tier.gold{color:gold;background:#ffd70014;border:1px solid #ffd70040;animation:3s ease-in-out infinite pulse-glow-gold;box-shadow:0 0 10px #ffd70026}@keyframes pulse-glow-gold{0%{box-shadow:0 0 8px #ffd7001a}50%{box-shadow:0 0 16px #ffd70040}to{box-shadow:0 0 8px #ffd7001a}}.scanner-viewport{background:#000;border:2px solid #14f1954d;border-radius:20px;width:100%;max-width:380px;height:280px;margin:20px auto;position:relative;overflow:hidden;box-shadow:0 0 30px #14f19526}.scanner-video{object-fit:cover;width:100%;height:100%}.scanner-overlay-box{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scanner-laser{background:var(--color-primary);width:100%;height:3px;box-shadow:0 0 10px var(--color-primary), 0 0 20px var(--color-primary);opacity:.8;animation:3.5s linear infinite laser-scan;position:absolute}@keyframes laser-scan{0%{top:0%}50%{top:100%}to{top:0%}}.scanner-target-corners{pointer-events:none;border:2px dashed #fff6;border-radius:12px;width:160px;height:160px;position:absolute;box-shadow:0 0 0 1000px #00000080}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:16px;margin-top:16px;display:grid}.achievement-badge{text-align:center;border:1px solid var(--border-color);background:#ffffff05;border-radius:16px;flex-direction:column;align-items:center;padding:16px 12px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.achievement-badge.earned{background:#14f19508;border-color:#14f19533;box-shadow:0 4px 15px #14f1950d}.achievement-badge.locked{opacity:.4;filter:grayscale()}.achievement-icon{width:40px;height:40px;color:var(--text-secondary);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.achievement-badge.earned .achievement-icon{color:var(--color-primary);background:#14f1951a}.achievement-title{color:var(--text-primary);margin-bottom:4px;font-size:11.5px;font-weight:700}.achievement-desc{color:var(--text-muted);font-size:10px;line-height:1.3}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px;display:grid}.loyalty-pass-card{border:1px solid var(--border-color);cursor:pointer;background:linear-gradient(145deg,#0e111a 0%,#151a29 100%);border-radius:24px;padding:24px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.loyalty-pass-card:hover{border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 12px 30px #0006}.loyalty-pass-card:before{content:"";background:radial-gradient(circle, var(--color-primary) 0%, transparent 70%);opacity:.15;pointer-events:none;width:150px;height:150px;position:absolute;top:-50%;right:-50%}.loyalty-pass-card.silver:before{background:radial-gradient(circle,#d1d5db 0%,#0000 70%)}.loyalty-pass-card.gold:before{background:radial-gradient(circle,gold 0%,#0000 70%)}.loyalty-pass-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.loyalty-pass-store{color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:700}.loyalty-pass-merchant{color:var(--text-muted);font-size:11px}.loyalty-pass-balance{flex-direction:column;margin-bottom:16px;display:flex}.loyalty-pass-bal-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:11px}.loyalty-pass-bal-val{color:var(--color-primary);font-size:32px;font-weight:800;line-height:1}.loyalty-pass-card.gold .loyalty-pass-bal-val{color:gold;text-shadow:0 0 10px #ffd70033}.loyalty-pass-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:8px;padding-top:16px;display:flex}.profile-banner-wrap{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:20px;margin-bottom:24px;padding:16px 24px;display:grid}.profile-banner-right{align-items:center;gap:16px;display:flex}.responsive-grid-1-2{grid-template-columns:1.2fr 1fr;display:grid}.responsive-grid-1-1{grid-template-columns:1fr 1fr;display:grid}.mobile-only,.mobile-only-flex,.mobile-hamburger-btn,.mobile-nav-drawer{display:none!important}@media (width<=768px){.app-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:12px 16px!important}.brand{justify-content:flex-start!important;gap:8px!important}.brand-info h1{font-size:16px!important}.brand-info p{font-size:11px!important}.brand-logo{width:32px!important;height:32px!important;font-size:16px!important}.header-actions{flex-wrap:nowrap!important;justify-content:flex-end!important;gap:8px!important;width:auto!important}.network-badge{padding:4px 8px!important;font-size:11px!important}.profile-banner-wrap{text-align:center;grid-template-columns:1fr;justify-items:center;gap:16px;padding:20px 16px;margin-left:16px!important;margin-right:16px!important}.profile-banner-right{flex-direction:column;align-items:center;gap:16px;width:100%}.dashboard-content{padding-left:16px!important;padding-right:16px!important}.mobile-center-align{text-align:center!important;align-items:center!important}.responsive-grid-1-2,.responsive-grid-1-1{grid-template-columns:1fr}.mobile-only{display:block!important}.mobile-only-flex{display:flex!important}.desktop-only,.sub-nav-tabs,.mobile-hamburger-btn,.mobile-nav-drawer{display:none!important}.mobile-bottom-nav{-webkit-backdrop-filter:blur(10px);z-index:2500;box-sizing:border-box;width:100%;height:64px;padding-bottom:env(safe-area-inset-bottom,0);background:#12141ef2;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;box-shadow:0 -4px 20px #0006;display:flex!important}.mobile-nav-tab{color:var(--text-secondary);cursor:pointer;box-sizing:border-box;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;padding:6px 0;font-size:10px;font-weight:500;transition:all .2s ease-in-out;display:flex}.mobile-nav-tab:hover{color:var(--text-primary)}.mobile-nav-tab.active{color:var(--color-primary)}.dashboard-content{padding-bottom:90px!important}}.mobile-bottom-nav{display:none}