:root{--bg:#09090d;--panel:#131319;--panel-2:#191920;--line:#292931;--text:#f7f7f8;--muted:#9797a2;--purple:#7c3aed;--purple-2:#a78bfa;--safe:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:#07070a;color:var(--text);font:16px/1.5 Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}.app-shell{width:100%;max-width:520px;min-height:100vh;margin:auto;padding-bottom:calc(80px + var(--safe));position:relative;background:var(--bg)}
.topbar{height:66px;padding:11px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgb(9 9 13 / 92%);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;padding:0;border:0;background:none;color:#fff;font-size:14px;font-weight:800;letter-spacing:.13em}.brand img{width:38px;height:38px;object-fit:contain}.avatar{width:38px;height:38px;display:grid;place-items:center;border:1px solid #35353f;border-radius:12px;background:var(--panel);color:#fff;font-size:12px;font-weight:800}.screen{display:none;padding:22px 20px 34px}.screen.active{display:block;animation:fade .2s ease}@keyframes fade{from{opacity:.3;transform:translateY(3px)}}
.home-label,.eyebrow,.settings-title{color:#a5a4af;font-size:12px;font-weight:800;letter-spacing:.13em}.home-label{margin:2px 0 13px}.balance-card{padding:20px;border:1px solid #403555;border-radius:20px;background:linear-gradient(145deg,#1c1428,#131319)}.balance-top{display:flex;align-items:center;justify-content:space-between}.balance-top>span:first-child{color:#b3afba;font-size:13px}.live-badge{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #3f3453;border-radius:999px;color:#c4b5fd;font-size:11px}.live-badge i{width:6px;height:6px;border-radius:50%;background:#4ade80}.balance-card>strong{display:block;margin:16px 0 20px;font-size:39px;line-height:1;letter-spacing:-.055em}.balance-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:8px}.balance-actions button{height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #35343e;border-radius:12px;background:#1b1a22;color:#fff;font-size:13px;font-weight:800}.balance-actions .primary{border-color:var(--purple);background:var(--purple)}
.status-card{margin-top:13px;padding:15px;display:grid;grid-template-columns:62px 1fr;align-items:center;gap:14px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.status-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:15px;background:#ececf1}.status-icon img{width:55px;height:55px;object-fit:contain}.status-card h2{margin:3px 0 3px;font-size:17px;letter-spacing:-.02em}.status-card p{margin:0;color:var(--muted);font-size:12px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:29px 0 13px}.section-head h2{margin:0;font-size:18px}.section-head button{padding:4px 0;border:0;background:none;color:#b9a0fa;font-size:12px;font-weight:800}.activity-preview{border:1px solid var(--line);border-radius:16px;background:var(--panel)}.empty-row{min-height:82px;padding:14px;display:flex;align-items:center;gap:12px}.empty-row>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#211832;color:#c4b5fd}.empty-row b,.empty-row small{display:block}.empty-row b{font-size:14px}.empty-row small{margin-top:2px;color:var(--muted);font-size:12px}
.page-intro{padding:2px 0 23px}.page-intro h1{margin:6px 0 7px;font-size:30px;line-height:1.13;letter-spacing:-.045em}.page-intro p{margin:0;color:var(--muted);font-size:14px}.activity-list{display:grid;gap:8px}.empty-state{padding:45px 24px;border:1px solid var(--line);border-radius:17px;background:var(--panel);text-align:center}.empty-state>span{width:52px;height:52px;display:grid;place-items:center;margin:auto;border-radius:13px;background:#211832;color:#c4b5fd;font-size:22px}.empty-state h3{margin:18px 0 6px;font-size:17px}.empty-state p{margin:0;color:var(--muted);font-size:13px}.empty-state button{height:43px;margin-top:18px;padding:0 16px;border:0;border-radius:10px;background:var(--purple);color:#fff;font-size:13px;font-weight:800}.order-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.order-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#211832;color:#c4b5fd}.order-item b,.order-item small{display:block}.order-item b{font-size:14px}.order-item small{margin-top:2px;color:var(--muted);font-size:11px}.order-item em{color:#c4b5fd;font-size:10px;font-style:normal;font-weight:800}
.support-card{padding:16px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.support-person{display:flex;align-items:center;gap:11px;padding-bottom:14px;border-bottom:1px solid var(--line)}.support-logo{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#ececf1}.support-logo img{width:38px;height:38px;object-fit:contain}.support-person small{display:block;margin-top:2px;color:var(--muted);font-size:12px}.support-person i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#4ade80}.chat{height:286px;overflow-y:auto;display:flex;flex-direction:column;gap:9px;padding:18px 0}.message{max-width:84%;padding:10px 12px;border-radius:12px;font-size:13px}.message.agent{align-self:flex-start;background:var(--panel-2)}.message.user{align-self:flex-end;background:var(--purple);color:#fff}.chat-form{height:49px;display:flex;padding-left:12px;border:1px solid #34343d;border-radius:12px;background:#0c0c11}.chat-form input{width:100%;border:0;outline:0;background:none;color:#fff;font-size:14px}.chat-form button{width:41px;margin:4px;border:0;border-radius:9px;background:var(--purple)}.chat-form svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:2}.faq{margin-top:27px}.faq h3{font-size:16px}.faq details{padding:15px 2px;border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;list-style:none;font-size:14px;font-weight:700}.faq summary b{color:#918e9b;font-size:18px}.faq details p{color:var(--muted);font-size:13px}
.profile-hero{padding:15px 0 26px;text-align:center}.profile-avatar{width:70px;height:70px;display:grid;place-items:center;margin:auto;border:1px solid #5d4690;border-radius:20px;background:#261b3b;color:#ddd6fe;font-size:20px;font-weight:800}.profile-hero h1{margin:14px 0 4px;font-size:21px}.profile-hero p{margin:0;color:var(--muted);font-size:13px}.settings-title{margin:0 2px 10px}.settings-list{overflow:hidden;border:1px solid var(--line);border-radius:15px}.setting-row{width:100%;min-height:62px;padding:11px 12px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-bottom:1px solid var(--line);background:var(--panel);color:#fff;text-align:left}.setting-row:last-child{border-bottom:0}.setting-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#211832;color:#c4b5fd}.setting-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.setting-row b,.setting-row small{display:block}.setting-row b{font-size:14px}.setting-row small{margin-top:2px;color:var(--muted);font-size:12px}.setting-row em{color:#888691;font-size:21px;font-style:normal}.setting-row select{max-width:100px;border:0;outline:0;background:transparent;color:#b9a0fa;font-size:12px;font-weight:700;text-align:right}.setting-row select option{background:#17171d;color:#fff}.switch-input{width:1px;height:1px;position:absolute;opacity:0}.switch{width:42px;height:24px;padding:3px;border-radius:999px;background:#3c3b45;transition:.2s}.switch:after{content:"";width:18px;height:18px;display:block;border-radius:50%;background:#fff;transition:.2s}.switch-input:checked+.switch{background:var(--purple)}.switch-input:checked+.switch:after{transform:translateX(18px)}.legal{margin-top:24px;color:#6f6d79;text-align:center;font-size:11px}
.bottom-nav{width:100%;max-width:520px;height:calc(68px + var(--safe));padding:6px 14px var(--safe);display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:50%;z-index:30;transform:translateX(-50%);border-top:1px solid var(--line);background:rgb(15 15 20 / 96%);backdrop-filter:blur(16px)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative;border:0;background:none;color:#73717e}.bottom-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.bottom-nav span{font-size:11px;font-weight:700}.bottom-nav button.active{color:#c4b5fd}.bottom-nav button.active:before{content:"";width:18px;height:3px;position:absolute;top:0;border-radius:3px;background:var(--purple)}.nav-dot{display:none;width:6px;height:6px;position:absolute;top:4px;right:25%;border-radius:50%;background:#f43f5e}
.modal-backdrop{position:fixed;inset:0;z-index:40;opacity:0;pointer-events:none;background:rgb(0 0 0 / 72%);backdrop-filter:blur(3px);transition:.2s}.modal-backdrop.open{opacity:1;pointer-events:auto}.payment-sheet{width:min(520px,100%);max-height:92vh;overflow-y:auto;position:fixed;bottom:0;left:50%;z-index:41;transform:translate(-50%,105%);padding:8px 20px calc(22px + var(--safe));border:1px solid var(--line);border-bottom:0;border-radius:21px 21px 0 0;background:var(--panel);transition:transform .25s ease}.payment-sheet.open{transform:translate(-50%,0)}.sheet-handle{width:38px;height:3px;margin:2px auto 15px;border-radius:2px;background:#464653}.sheet-close{width:32px;height:32px;position:absolute;top:18px;right:18px;border:1px solid var(--line);border-radius:9px;background:none;color:var(--muted);font-size:19px}.sheet-title{padding:7px 42px 17px 0}.sheet-title h2{margin:0;font-size:22px}.sheet-title p{margin:4px 0 0;color:var(--muted);font-size:13px}.amount-label,.payment-label{margin:5px 0 9px;font-size:12px;font-weight:800;letter-spacing:.04em}.amount-field{height:60px;display:flex;align-items:center;padding:0 15px;border:1px solid #62469d;border-radius:14px;background:#211832}.amount-field span{color:#c4b5fd;font-size:24px;font-weight:800}.amount-field input{min-width:0;width:100%;border:0;outline:0;background:none;color:#fff;font-size:27px;font-weight:800}.amount-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:7px 0 14px}.amount-presets button{height:36px;border:1px solid var(--line);border-radius:9px;background:#0d0d12;color:#b7b5c0;font-size:12px;font-weight:700}.amount-presets button.active{border-color:var(--purple);background:#271a3e;color:#ddd6fe}.amount-error{min-height:17px;margin:-8px 2px 7px;color:#fb7185;font-size:11px}.payment-options{display:grid;gap:7px}.pay-option{display:grid;grid-template-columns:40px 1fr 18px;align-items:center;gap:11px;padding:11px;border:1px solid var(--line);border-radius:12px;background:#0d0d12;color:#fff;text-align:left}.pay-option.active{border-color:#7545ce;background:#211832}.pay-logo{width:38px;height:38px;display:grid;place-items:center;border:1px solid #3b3b48;border-radius:10px;background:var(--panel-2);color:#c4b5fd;font-weight:900}.pay-option b,.pay-option small{display:block}.pay-option b{font-size:14px}.pay-option small{margin-top:2px;color:var(--muted);font-size:12px}.radio{width:16px;height:16px;border:1px solid #5e5c69;border-radius:50%}.pay-option.active .radio{border:5px solid var(--purple)}.direct-payment{display:none;margin-top:9px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#0d0d12}.direct-payment.show{display:block}.network-row{display:flex;justify-content:space-between;font-size:12px}.network-row span{color:var(--muted)}.direct-payment label{display:block;margin:10px 0 6px;color:var(--muted);font-size:12px;font-weight:700}.address-box{display:flex;gap:7px}.address-box code{min-width:0;flex:1;overflow:hidden;padding:10px 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);font:600 11px/1.4 ui-monospace,Consolas,monospace;text-overflow:ellipsis}.address-box button{padding:10px 9px;border:1px solid #4d4a59;border-radius:8px;background:none;color:#c4b5fd;font-size:11px;font-weight:800}.direct-payment input{width:100%;height:42px;padding:0 10px;border:1px solid var(--line);border-radius:8px;outline:0;background:var(--panel-2);color:#fff;font-size:12px}.direct-payment small{display:block;margin-top:8px;color:var(--muted);font-size:11px}.pay-submit{width:100%;height:50px;margin-top:15px;border:0;border-radius:11px;background:var(--purple);color:#fff;font-size:14px;font-weight:800}.pay-submit:disabled{opacity:.55;cursor:wait}.pay-note{margin:9px 18px 0;color:#757380;text-align:center;font-size:11px}.toast{max-width:90%;overflow:hidden;position:fixed;bottom:88px;left:50%;z-index:60;opacity:0;pointer-events:none;transform:translate(-50%,18px);padding:11px 15px;border-radius:10px;background:#fff;color:#111116;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.svg-sprite{width:0;height:0;position:absolute;overflow:hidden}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #a78bfa;outline-offset:2px}button:active{transform:translateY(1px)}
@media(max-width:390px){.screen,.topbar{padding-inline:14px}.balance-card>strong{font-size:36px}.status-card{grid-template-columns:55px 1fr}.status-icon{width:55px;height:55px}.status-icon img{width:49px;height:49px}}@media(min-width:780px){body{padding:20px 0}.app-shell{min-height:calc(100vh - 40px);border:1px solid var(--line)}.bottom-nav{bottom:20px;border:1px solid var(--line);border-bottom:0}.payment-sheet{bottom:20px;border-bottom:1px solid var(--line);border-radius:21px}}