:root{--bg: #000000;--surface: #060a14;--surface2: #0a1024;--surface-elev: #0f1730;--nav-bg: #02040a;--ink: #ffffff;--ink2: rgba(255, 255, 255, .9);--ink3: rgba(255, 255, 255, .72);--ink4: rgba(255, 255, 255, .5);--ink5: rgba(255, 255, 255, .34);--ink6: rgba(255, 255, 255, .18);--brand: #7a93ff;--brand2: #94a8ff;--brand-tint: rgba(122, 147, 255, .16);--brand-line: rgba(122, 147, 255, .32);--text-on-brand: #0a0d14;--pos: #3dd493;--pos2: #55e2a4;--pos-tint: rgba(61, 212, 147, .14);--neg: #f08580;--neg-tint: rgba(240, 133, 128, .14);--warn: #e3b26a;--warn-tint: rgba(227, 178, 106, .14);--line: rgba(94, 124, 200, .12);--line2: rgba(94, 124, 200, .22);--hairline: rgba(94, 124, 200, .08);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--r-sm: 12px;--r-md: 14px;--r-lg: 16px;--r-xl: 20px;--r-xxl: 24px;--r-pill: 100px;--app-max-width: 460px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-weight:500;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100dvh}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}a{color:var(--brand);text-decoration:none}.app-frame{width:100%;max-width:var(--app-max-width);margin:0 auto;min-height:100dvh;position:relative;display:flex;flex-direction:column;background:var(--bg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--line2);border-radius:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 18px;border-radius:var(--r-md);font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:-.2px;transition:opacity .15s ease,transform .15s ease,background .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--brand);color:var(--text-on-brand)}.btn-primary:hover:not(:disabled){background:var(--brand2)}.btn-outline{background:transparent;color:var(--ink);border:1px solid var(--line2)}.btn-outline:hover:not(:disabled){border-color:var(--ink4)}.btn-block{width:100%}.field{width:100%;height:52px;padding:0 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink);font-size:15px;font-weight:500;outline:none;transition:border-color .15s ease}.field::placeholder{color:var(--ink4)}.field:focus{border-color:var(--ink4)}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--brand-tint);border-top-color:var(--brand);animation:spin .8s linear infinite}.spinner-center{flex:1;display:flex;align-items:center;justify-content:center;min-height:200px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.shell{display:flex;flex-direction:column;flex:1;min-height:100dvh;position:relative}.shell-body{flex:1;display:flex;flex-direction:column;min-height:0;padding-bottom:92px}.page{flex:1;display:flex;flex-direction:column;min-height:0;animation:fade-in .25s ease}.page-header{padding:20px 20px 8px}.page-header-title{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.3px}.home-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 4px 20px}.home-topbar-actions{display:flex;align-items:center;gap:6px}.icon-btn{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:var(--ink2);transition:background .15s ease}.icon-btn:hover{background:var(--surface2)}.icon-badge{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--pos);border:1.5px solid var(--bg)}.home-scroll{flex:1;overflow-y:auto;padding:8px 20px 32px}.home-balance-block{padding-top:8px;margin-bottom:24px}.balance-hero{display:flex;align-items:flex-start;gap:10px}.balance-amount{flex:1;display:flex;align-items:flex-start;min-width:0;font-family:var(--font-display)}.balance-symbol{margin-top:12px;margin-right:6px;font-size:22px;font-weight:500;color:var(--ink3);letter-spacing:-.4px}.balance-integer{font-size:56px;font-weight:300;letter-spacing:-2.2px;line-height:1;color:var(--ink)}.balance-decimal{margin-top:14px;margin-left:2px;font-size:20px;font-weight:400;color:var(--ink4);letter-spacing:-.4px}.balance-masked{flex:1;padding:8px 0;font-family:var(--font-display);font-size:48px;font-weight:400;color:var(--ink2);letter-spacing:2px}.eye-toggle{margin-top:14px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);color:var(--ink3);flex-shrink:0;transition:border-color .15s ease}.eye-toggle:hover{border-color:var(--line2)}.cta-card{width:100%;display:flex;align-items:center;gap:14px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);text-align:left;transition:background .15s ease,transform .12s ease}.cta-card:hover{background:var(--surface2)}.cta-card:active{transform:scale(.99)}.cta-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:var(--brand-tint);border:1px solid var(--brand-line);color:var(--brand);flex-shrink:0}.cta-text{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.cta-title{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:-.25px;color:var(--ink)}.cta-hint{font-size:12.5px;font-weight:500;color:var(--ink3)}.cta-chevron{font-size:26px;line-height:1;color:var(--ink4);font-family:var(--font-display)}.section-title{display:flex;align-items:center;gap:8px}.section-dot{width:5px;height:5px;border-radius:50%;background:var(--brand)}.section-label{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:-.27px;color:var(--ink)}.section-trailing{margin-left:auto}.wallets-section{margin-top:28px}.wallet-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}.wallet-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);text-align:left;transition:background .15s ease}.wallet-row:hover{background:var(--surface2)}.wallet-coin-badge{min-width:44px;height:30px;padding:0 8px;display:grid;place-items:center;border-radius:9px;background:var(--brand-tint);color:var(--brand2);font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.3px}.wallet-main{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.wallet-network{font-size:13.5px;font-weight:600;color:var(--ink)}.wallet-address{font-size:12px;font-weight:500;color:var(--ink4);font-variant-numeric:tabular-nums}.wallet-copy{color:var(--ink4);display:grid;place-items:center}.wallet-copied{font-size:11px;font-weight:700;color:var(--pos);font-family:var(--font-display)}.home-activity{margin-top:28px}.home-filter{display:flex;justify-content:center;margin:12px 0 4px}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--surface2);border:1px solid var(--line);border-radius:999px}.segmented-item{padding:7px 16px;border-radius:999px;font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--ink4);transition:background .18s ease,color .18s ease}.segmented-item.is-selected{background:#ffffff14;color:var(--ink)}.activity-list{display:flex;flex-direction:column}.activity-day-header{padding:14px 0 2px;font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:1px;color:var(--ink5)}.activity-row{display:flex;align-items:center;gap:14px;padding:14px 0}.activity-logo{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#fff;border:1px solid var(--line);flex-shrink:0}.activity-main{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.activity-name-row{display:flex;align-items:center;gap:6px;min-width:0}.activity-name{font-size:14px;font-weight:600;letter-spacing:-.17px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-tag{padding:2px 6px;border-radius:6px;background:var(--surface2);font-size:9.5px;font-weight:600;letter-spacing:.2px;color:var(--ink4);white-space:nowrap}.activity-time{font-size:11.5px;font-weight:500;color:var(--ink4)}.activity-amount{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:-.25px;color:var(--ink);white-space:nowrap}.activity-amount.is-positive{color:var(--pos)}.activity-amount.is-danger{color:var(--neg)}.activity-empty{padding:40px 0 20px;text-align:center}.activity-empty-title{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--ink2)}.activity-empty-body{margin-top:4px;font-size:13px;color:var(--ink4)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;padding:0 0 max(14px,env(safe-area-inset-bottom));pointer-events:none;z-index:20}.bottom-nav-inner{pointer-events:auto;display:flex;gap:8px;width:240px;padding:8px;background:var(--nav-bg);border:1px solid var(--line);border-radius:22px;box-shadow:0 8px 24px #00000080}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;border-radius:16px;color:var(--ink4);font-family:var(--font-display);font-size:11px;font-weight:600;transition:color .15s ease,background .15s ease}.nav-item.is-active{color:var(--brand2);background:var(--brand-tint)}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:40;animation:fade-in .15s ease}.sheet-scrim.center{align-items:center}.sheet{width:100%;max-width:var(--app-max-width);background:var(--surface-elev);border-top-left-radius:24px;border-top-right-radius:24px;border:1px solid var(--line);padding:12px 12px max(20px,env(safe-area-inset-bottom));animation:sheet-up .22s ease}@keyframes sheet-up{0%{transform:translateY(20px);opacity:.6}to{transform:translateY(0);opacity:1}}.sheet-handle{width:40px;height:4px;border-radius:2px;background:var(--line2);margin:4px auto 12px}.sheet-item{display:flex;align-items:center;gap:14px;width:100%;padding:14px 12px;border-radius:14px;font-size:15px;font-weight:600;color:var(--ink);transition:background .15s ease}.sheet-item:hover{background:var(--surface2)}.sheet-item.is-danger{color:var(--neg)}.dialog{width:calc(100% - 48px);max-width:360px;background:var(--surface-elev);border:1px solid var(--line);border-radius:20px;padding:24px;animation:sheet-up .2s ease}.dialog-title{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--ink)}.dialog-body{margin-top:8px;font-size:14px;color:var(--ink3);line-height:1.4}.dialog-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:8px}.dialog-btn{padding:10px 16px;border-radius:12px;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--brand);transition:background .15s ease}.dialog-btn:hover{background:var(--surface2)}.dialog-btn.is-primary{background:var(--brand);color:var(--text-on-brand)}.dialog-btn.is-primary:hover{background:var(--brand2)}.cards-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 40px 80px;gap:8px}.cards-empty-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:var(--surface2);border:1px solid var(--line);color:var(--ink3);margin-bottom:8px}.cards-empty-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--ink)}.cards-empty-body{font-size:13.5px;color:var(--ink4);max-width:260px;line-height:1.45}.login{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 20px;min-height:100dvh}.login-inner{width:100%}.login-card{display:flex;flex-direction:column;animation:fade-in .3s ease;position:relative}.login-logo{display:flex;justify-content:center;margin-bottom:24px}.login-title{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.3px;text-align:center;color:var(--ink)}.login-subtitle{margin-top:4px;text-align:center;font-size:14px;color:var(--ink3)}.login-label{margin:24px 0 8px;font-size:13px;font-weight:600;color:var(--ink3)}.login-submit{margin-top:16px}.login-error{margin-top:12px;font-size:13px;color:var(--neg);text-align:center}.login-back{align-self:flex-start;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:var(--ink2);margin-bottom:12px}.login-back:hover{background:var(--surface2)}.otp-input{margin-top:24px;width:100%;height:64px;text-align:center;background:var(--surface-elev);border:1.5px solid var(--line2);border-radius:var(--r-md);color:var(--ink);font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:14px;text-indent:14px;outline:none;transition:border-color .15s ease}.otp-input::placeholder{color:var(--ink5)}.otp-input:focus{border-color:var(--brand);border-width:2px}.login-resend{margin-top:16px;text-align:center}.login-resend-wait{font-size:13px;color:var(--ink4)}.login-resend-btn{font-size:13px;font-weight:600;color:var(--brand)}.card-sub{animation:fade-in .2s ease}.sub-header{display:flex;align-items:center;gap:8px;padding:14px 16px 8px}.sub-title{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.2px}.sub-scroll{flex:1;overflow-y:auto;padding:12px 20px 40px;display:flex;flex-direction:column}.field-label{font-size:13px;font-weight:600;color:var(--ink3);margin-bottom:8px}.field-helper{margin-top:6px;font-size:12px;color:var(--ink4)}.field-error{margin-top:6px;font-size:12.5px;color:var(--neg)}.sub-error{margin-top:12px;font-size:13px;color:var(--neg)}.checkbox-row{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:14px;color:var(--ink2);cursor:pointer}.checkbox-row input{width:18px;height:18px;accent-color:var(--brand)}.card-order-submit{margin-top:24px}.link-btn{align-self:flex-start;color:var(--brand);font-family:var(--font-display);font-size:14px;font-weight:600;padding:6px 0}.cards-list{flex:1;overflow-y:auto;padding:12px 20px 40px;display:flex;flex-direction:column;gap:12px}.card-item{display:flex;align-items:center;gap:14px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);text-align:left;transition:background .15s ease}.card-item:hover{background:var(--surface2)}.card-item-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--brand-tint);border:1px solid var(--brand-line);color:var(--brand);flex-shrink:0}.card-item-main{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.card-item-number{font-family:var(--font-display);font-size:14.5px;font-weight:700;letter-spacing:.5px;color:var(--ink)}.card-item-sub{font-size:12.5px;color:var(--ink4)}.card-status{font-family:var(--font-display);font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--r-pill);white-space:nowrap}.card-status-active{background:var(--pos-tint);color:var(--pos)}.card-status-blocked{background:var(--warn-tint);color:var(--warn)}.card-status-pending{background:#ffffff14;color:var(--ink4)}.card-status-deleted{background:var(--neg-tint);color:var(--neg)}.card-order-add,.cards-order-cta,.cards-retry{margin-top:8px}.cc-flip{perspective:1400px;cursor:pointer;margin-bottom:20px}.cc-inner{position:relative;width:100%;aspect-ratio:1.586;transform-style:preserve-3d;transition:transform .5s ease}.cc-inner.is-flipped{transform:rotateY(180deg)}.cc-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:20px;padding:22px;display:flex;flex-direction:column;border:1px solid var(--brand-line);background:linear-gradient(135deg,#10193a,#0a0f24 55%,#060a16);box-shadow:0 12px 32px #00000080;overflow:hidden}.cc-face:after{content:"";position:absolute;top:-60%;right:-20%;width:70%;height:160%;background:radial-gradient(circle,rgba(122,147,255,.22),transparent 70%);pointer-events:none}.cc-back{transform:rotateY(180deg)}.cc-top{display:flex;align-items:center;gap:10px}.cc-brand-word{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.3px;color:var(--ink2)}.cc-number{margin-top:auto;font-family:var(--font-display);font-size:20px;font-weight:500;letter-spacing:2px;color:var(--ink)}.cc-bottom{margin-top:14px;display:flex;align-items:flex-end;justify-content:space-between}.cc-holder{font-size:13px;font-weight:600;color:var(--ink2);text-transform:uppercase;letter-spacing:.4px}.cc-exp{display:flex;flex-direction:column;align-items:flex-end}.cc-exp-label{font-size:8px;font-weight:600;letter-spacing:.5px;color:var(--ink4)}.cc-exp-value{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--ink)}.cc-hint{position:absolute;top:22px;right:22px;display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--brand2)}.cc-back-holder{margin-bottom:18px}.cc-back-number{margin-top:0;font-size:18px;-webkit-user-select:text;user-select:text}.cc-back-row{margin-top:16px;display:flex;gap:32px}.cc-back-field{display:flex;flex-direction:column;gap:2px}.cc-field-label{font-size:9px;font-weight:600;letter-spacing:.5px;color:var(--ink4);text-transform:uppercase}.cc-field-value{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--ink);-webkit-user-select:text;user-select:text}.kyc-banner{padding:16px;background:var(--surface2);border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:20px}.kyc-banner-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--ink)}.kyc-banner-body{margin:6px 0 12px;font-size:13px;color:var(--ink3);line-height:1.4}.kyc-banner-cta{height:44px}.detail-row{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.detail-row-label{font-size:14px;font-weight:600;color:var(--ink2)}.switch{width:48px;height:28px;border-radius:999px;background:var(--surface-elev);border:1px solid var(--line2);position:relative;transition:background .18s ease}.switch.is-on{background:var(--brand);border-color:var(--brand)}.switch:disabled{opacity:.5}.switch-knob{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .18s ease}.switch.is-on .switch-knob{transform:translate(20px)}.detail-delete{margin-top:16px;color:var(--neg);border-color:var(--neg-tint)}.detail-tx{margin-top:28px}.detail-tx-title{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:10px}.detail-tx-empty{font-size:13px;color:var(--ink4);padding:8px 0}.detail-tx-list{display:flex;flex-direction:column}.detail-tx-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--hairline)}.detail-tx-main{display:flex;flex-direction:column;gap:2px;min-width:0}.detail-tx-name{font-size:14px;font-weight:600;color:var(--ink)}.detail-tx-sub{font-size:12px;color:var(--ink4)}.detail-tx-amt{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--ink2);white-space:nowrap}.dialog-field{margin-top:16px}.deposit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;background:var(--bg);width:100%;max-width:var(--app-max-width);margin:0 auto;animation:fade-in .2s ease}.deposit-section{margin-bottom:16px}.deposit-method{margin-bottom:12px}.deposit-hint{margin-top:8px;text-align:center;font-size:12.5px;color:var(--ink4);line-height:1.4}.deposit-amount{padding-top:24px}.amount-input-wrap{position:relative;display:flex;align-items:center}.amount-prefix{position:absolute;left:16px;font-size:15px;font-weight:600;color:var(--ink3);pointer-events:none}.amount-input{padding-left:42px;font-family:var(--font-display);font-size:18px;font-weight:600}.deposit-amount-spacer{flex:1;min-height:24px}.deposit-qr{align-items:center;text-align:center}.deposit-amount-big{font-family:var(--font-display);font-size:34px;font-weight:400;letter-spacing:-1px;margin:8px 0 20px}.deposit-qr-wrap{display:flex;justify-content:center;margin-bottom:16px}.qr-plate{background:#fff;border-radius:16px;padding:12px;display:block}.qr-plate svg{display:block;width:100%;height:100%}.deposit-payment-string{width:100%;font-size:11px;color:var(--ink4);word-break:break-all;margin-bottom:14px;font-family:ui-monospace,monospace;-webkit-user-select:all;user-select:all}.deposit-expiry{font-size:12.5px;margin-bottom:16px}.deposit-expiry.muted{color:var(--ink4)}.deposit-expiry.danger{color:var(--neg)}.alert-banner{width:100%;margin-top:16px;padding:14px 16px;border-radius:var(--r-md);text-align:left;border:1px solid var(--line)}.alert-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--ink)}.alert-hint{margin-top:4px;font-size:12.5px;color:var(--ink3)}.alert-info{background:var(--brand-tint);border-color:var(--brand-line)}.alert-success{background:var(--pos-tint);border-color:#3dd4934d}.alert-warn{background:var(--warn-tint);border-color:#e3b26a4d}.picker-row{margin-bottom:16px}.picker-label{display:block;font-size:12.5px;font-weight:600;color:var(--ink4);margin-bottom:8px}.picker-field{height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);font-size:15px;font-weight:600;color:var(--ink)}.picker-chevron{color:var(--ink4);font-size:16px}.stablecoin-qr{margin-top:8px}.qr-placeholder{width:220px;height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.qr-error{font-size:12.5px;color:var(--ink4)}.address-field{display:flex;align-items:center;gap:8px;padding:10px 8px 10px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);margin:20px 0}.address-field-main{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.address-field-label{font-size:11.5px;font-weight:600;color:var(--ink4)}.address-field-value{font-size:14px;font-weight:600;color:var(--ink2);font-variant-numeric:tabular-nums}.activate-section{margin-top:8px}.activate-subtitle{margin:8px 0 28px;font-size:14px;color:var(--ink3)}.activate-field-label{margin-top:4px}.activate-spacer{flex:1;min-height:24px}