*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#0f1117;color:#e4e4e7;-webkit-font-smoothing:antialiased}button,input{font-family:inherit}.app{max-width:440px;margin:0 auto;padding:16px 16px 84px}.topbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.topbar h1{font-size:18px;margin:0;flex:1}.dot{width:8px;height:8px;border-radius:50%;background:#6b7280;display:inline-block}.dot.-connecting{background:#f59e0b}.dot.-ready{background:#10b981}.dot.-error,.dot.-outside{background:#ef4444}.muted{color:#a1a1aa;font-size:12px;word-break:break-all}.card{background:#1a1b26;border:1px solid #2a2b3d;border-radius:16px;padding:16px;margin-bottom:12px}.label{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#a1a1aa;margin-bottom:6px}.hint{font-size:12px;color:#9a9aa6;line-height:1.5;margin:0 0 12px}.status{font-size:13px;color:#b4b4bf;margin:8px 0 0}.status.-error{color:#f87171}.status.-ok{color:#34d399}.btn{width:100%;padding:12px 0;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1,#818cf8)}.btn.-ghost{background:#26273a;color:#c7d2fe}.btn.-small{width:auto;padding:8px 14px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #2a2b3d;background:#12131c;color:#e4e4e7;font-size:15px;outline:none}.input:focus{border-color:#6366f1}.field{margin-bottom:12px}.row{display:flex;align-items:center;gap:12px}.avatar{width:56px;height:56px;border-radius:16px;background:#12131c;flex:none}.avatar.-lg{width:132px;height:132px;border-radius:32px}.avatar.-sm{width:40px;height:40px;border-radius:12px}.handle{font-weight:700;font-size:16px;letter-spacing:.2px}.handle.-lg{font-size:22px}.center{text-align:center}.stack,.list{display:flex;flex-direction:column;gap:8px}.item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#12131c;border-radius:14px;border:1px solid #23243a}.item .grow{flex:1;min-width:0}.item .title{font-weight:600;font-size:14px}.item .sub{color:#9a9aa6;font-size:12px}.amount{font-weight:700;font-variant-numeric:tabular-nums}.amount.-in{color:#34d399}.amount.-out{color:#e4e4e7}.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:#26273a;color:#a5b4fc}.badge.-settled{background:#064e3b;color:#6ee7b7}.badge.-rejected,.badge.-failed,.badge.-expired,.badge.-refund_failed{background:#4c1d1d;color:#fca5a5}.badge.-refunded{background:#1e3a5f;color:#93c5fd}.badge.-awaiting_confirmation,.badge.-paid,.badge.-payout_pending,.badge.-payout_deferred,.badge.-created,.badge.-refund_pending,.badge.-refund_deferred{background:#3b2f0a;color:#fcd34d}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-around;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));background:#12131c;border-top:1px solid #23243a}.tabbar a{flex:1;text-align:center;text-decoration:none;color:#9a9aa6;font-size:12px;padding:6px 0;border-radius:10px}.tabbar a.router-link-active{color:#a5b4fc;background:#1a1b26}.timeline{display:flex;flex-direction:column;gap:6px;margin-top:10px}.step{display:flex;gap:10px;align-items:center;font-size:13px;color:#9a9aa6}.step .mark{width:10px;height:10px;border-radius:50%;background:#2a2b3d;flex:none}.step.-done{color:#e4e4e7}.step.-done .mark{background:#34d399}.step.-active .mark{background:#f59e0b}.step.-bad{color:#fca5a5}.step.-bad .mark{background:#ef4444}.outside{text-align:center;padding:40px 12px}.outside h2{font-size:18px}