:root{--bg:#0a0b2e;--bg-elevated:#14163f;--bg-card:#171a4a;--border-soft:#ffffff14;--text-primary:#fff;--text-secondary:#fff9;--text-tertiary:#ffffff61;--accent-from:#8b7bf7;--accent-to:#4c3fd1;--accent-solid:#6c5ce7;--success:#3ddc97;--danger:#ff6b6b;--radius-lg:24px;--radius-md:16px;--radius-pill:100px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;background:radial-gradient(120% 90% at 50% 0,#14163f 0%,#0a0b2e 55%,#060716 100%);margin:0;font-family:Manrope,system-ui,-apple-system,sans-serif}button{font-family:inherit}.app-shell{max-width:480px;min-height:100%;padding:calc(20px + var(--safe-top)) 16px calc(96px + var(--safe-bottom));margin:0 auto;position:relative}.pill-button{border-radius:var(--radius-pill);color:#fff;background:linear-gradient(135deg, var(--accent-from) 0%, var(--accent-to) 100%);cursor:pointer;border:none;width:100%;padding:15px 24px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 24px -8px #6c5ce799}.pill-button:active{transform:scale(.98);box-shadow:0 4px 14px -6px #6c5ce780}.pill-button.secondary{box-shadow:none;border:1px solid var(--border-soft);background:#ffffff0f}.pill-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:20px}.icon-badge{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}input[type=text],input[type=number]{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:var(--radius-md);width:100%;color:var(--text-primary);padding:14px 16px;font-family:inherit;font-size:16px;font-weight:600}input::placeholder{color:var(--text-tertiary);font-weight:500}input:focus{border-color:var(--accent-solid);outline:none}.header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent-from) 0%, var(--accent-to) 100%);border-radius:11px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.brand-name{letter-spacing:.2px;font-size:18px;font-weight:800}.greeting{color:var(--text-secondary);font-size:13px;font-weight:600}.balance-card{border-radius:var(--radius-lg);background:linear-gradient(160deg,#1c1f57 0%,#12143c 70%);border:1px solid #ffffff1a;margin-bottom:20px;padding:24px 22px;position:relative;overflow:hidden}.balance-card:after{content:"";background:radial-gradient(circle,#8b7bf759 0%,#8b7bf700 70%);width:220px;height:220px;position:absolute;top:-100px;right:-80px}.balance-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600}.balance-amount{letter-spacing:-.5px;margin-bottom:4px;font-size:36px;font-weight:800}.balance-sub{color:var(--text-secondary);font-size:14px;font-weight:600}.rates-ticker{scrollbar-width:none;gap:8px;margin-bottom:20px;padding-bottom:2px;display:flex;overflow-x:auto}.rates-ticker::-webkit-scrollbar{display:none}.rate-chip{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-pill);white-space:nowrap;flex-shrink:0;align-items:baseline;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;display:flex}.rate-pair{color:var(--text-secondary)}.rate-value{color:var(--text-primary)}.rate-change.up{color:var(--success)}.rate-change.down{color:var(--danger)}.action-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:28px;display:grid}.action-item{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;font-size:12px;font-weight:700;display:flex}.action-item:active{background:var(--bg-elevated)}.action-icon{background:#8b7bf726;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:19px;display:flex}.section-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title h2{margin:0;font-size:16px;font-weight:800}.link-muted{color:var(--accent-from);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:700}.tx-list{flex-direction:column;gap:10px;display:flex}.tx-row{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-md);align-items:center;gap:12px;padding:14px;display:flex}.tx-info{flex:1;min-width:0}.tx-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.tx-date{color:var(--text-tertiary);margin-top:2px;font-size:12px;font-weight:600}.tx-amount{white-space:nowrap;font-size:14px;font-weight:800}.tx-amount.positive{color:var(--success)}.tx-amount.negative{color:var(--text-primary)}.empty-state{text-align:center;color:var(--text-secondary);padding:40px 20px;font-size:14px;font-weight:600}.screen-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.back-btn{background:var(--bg-card);border:1px solid var(--border-soft);color:#fff;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.screen-header h1{margin:0;font-size:20px;font-weight:800}.method-tabs{background:var(--bg-elevated);border-radius:var(--radius-pill);gap:8px;margin-bottom:20px;padding:4px;display:flex}.method-tab{text-align:center;border-radius:var(--radius-pill);cursor:pointer;color:var(--text-secondary);background:0 0;border:none;flex:1;padding:10px;font-size:14px;font-weight:700}.method-tab.active{background:linear-gradient(135deg, var(--accent-from) 0%, var(--accent-to) 100%);color:#fff}.field-label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:700;display:block}.field-group{margin-bottom:18px}.network-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--radius-pill);background:var(--bg-elevated);border:1px solid var(--border-soft);cursor:pointer;color:var(--text-secondary);padding:9px 14px;font-size:13px;font-weight:700}.chip.active{border-color:var(--accent-solid);color:#fff;background:#8b7bf72e}.mock-qr{border-radius:var(--radius-md);justify-content:center;align-items:center;width:180px;height:180px;margin:8px auto 18px;padding:14px;display:flex;position:relative}.mock-qr svg{width:100%;height:100%}.address-box{background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;padding:14px 16px;display:flex}.address-text{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-family:Manrope,monospace;font-size:13px;overflow:hidden}.status-banner{border-radius:var(--radius-md);align-items:center;gap:10px;margin-bottom:18px;padding:14px 16px;font-size:14px;font-weight:700;display:flex}.status-banner.pending{color:var(--text-secondary);background:#ffffff0f}.status-banner.success{color:var(--success);background:#3ddc971f}.spinner{border:2px solid #fff3;border-top-color:var(--text-secondary);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.qr-scan-box{border:2px dashed var(--border-soft);border-radius:var(--radius-lg);text-align:center;color:var(--text-secondary);margin-bottom:20px;padding:40px 20px;font-size:14px;font-weight:600}.merchant-card{align-items:center;gap:12px;margin-bottom:20px;padding:16px;display:flex}.merchant-name{font-size:15px;font-weight:700}.merchant-sub{color:var(--text-tertiary);font-size:12px;font-weight:600}.result-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding-top:60px;display:flex}.result-icon{width:76px;height:76px;color:var(--success);background:#3ddc9726;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;font-size:34px;display:flex}.result-title{margin-bottom:6px;font-size:20px;font-weight:800}.result-sub{color:var(--text-secondary);margin-bottom:32px;font-size:14px;font-weight:600}.bottom-nav{padding-bottom:calc(14px + var(--safe-bottom));pointer-events:none;background:linear-gradient(#0a0b2e00,#0a0b2e 40%);justify-content:center;padding-top:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{pointer-events:all;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:#171a4ae6;gap:4px;width:calc(100% - 32px);max-width:480px;padding:6px;display:flex}.nav-item{border-radius:var(--radius-pill);cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 0;font-size:11px;font-weight:700;display:flex}.nav-item.active{color:#fff;background:#ffffff0f}.profile-header{align-items:center;gap:14px;margin-bottom:24px;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--accent-from) 0%, var(--accent-to) 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:800;display:flex}.profile-name{font-size:17px;font-weight:800}.badge{border-radius:var(--radius-pill);align-items:center;gap:5px;margin-top:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge.none{color:var(--text-secondary);background:#ffffff14}.badge.pending{color:#ffc857;background:#ffc85726}.badge.verified{color:var(--success);background:#3ddc9726}.menu-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.menu-row{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);text-align:left;align-items:center;gap:12px;width:100%;padding:15px 16px;font-size:14px;font-weight:700;display:flex}.menu-row-title{flex:1}.menu-row-sub{color:var(--text-tertiary);font-size:12px;font-weight:600}.menu-row.danger{color:var(--danger)}.verify-level-card{margin-bottom:16px;padding:20px}.verify-level-title{margin-bottom:4px;font-size:16px;font-weight:800}.verify-level-desc{color:var(--text-secondary);margin-bottom:14px;font-size:13px;font-weight:600;line-height:1.5}.verify-limit{color:var(--text-tertiary);font-size:12px;font-weight:600}.accordion-item{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-md);margin-bottom:10px;overflow:hidden}.accordion-trigger{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;padding:16px;font-size:14px;font-weight:700;display:flex}.accordion-trigger svg{color:var(--text-tertiary);flex-shrink:0;transition:transform .2s}.accordion-trigger.open svg{transform:rotate(180deg)}.accordion-body{color:var(--text-secondary);padding:0 16px 16px;font-size:13px;font-weight:600;line-height:1.6}.demo-banner{text-align:center;letter-spacing:.3px;text-transform:uppercase;color:var(--text-tertiary);border:1px dashed var(--border-soft);border-radius:var(--radius-pill);margin-bottom:18px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-block}