:root{--bg: #0b1020;--surface: #141b30;--surface2: #1d2840;--border: #26314d;--text: #e9eef8;--muted: #a4b1ca;--faint: #71809a;--accent: #7c3aed;--accent2: #6366f1;--green: #34d399;--red: #f87171;--amber: #fbbf24}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}.app{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding-bottom:76px}.topbar{padding:18px 18px 8px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;letter-spacing:.5px;font-size:18px}.brand .accent{color:var(--accent)}.page{padding:12px 18px;flex:1}h1{font-size:22px;margin:6px 0 14px}h2{font-size:16px;margin:18px 0 10px;color:var(--muted);font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:14px}.muted{color:var(--muted)}.faint{color:var(--faint);font-size:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.big{font-size:30px;font-weight:800}label{display:block;font-size:13px;color:var(--muted);margin:10px 0 4px}input,select{width:100%;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:12px;font-size:16px;outline:none}input:focus,select:focus{border-color:var(--accent2)}button{width:100%;background:var(--accent);color:#fff;border:0;border-radius:10px;padding:13px;font-size:16px;font-weight:700;cursor:pointer}button:disabled{opacity:.5}button.ghost{background:transparent;color:var(--accent2);border:1px solid var(--border)}button.secondary{background:var(--surface2);color:var(--text)}.btnrow{display:flex;gap:10px}.err{background:#3b1620;color:var(--red);border-radius:10px;padding:10px 12px;margin:10px 0;font-size:14px}.ok{background:#10331f;color:var(--green);border-radius:10px;padding:10px 12px;margin:10px 0;font-size:14px}.pill{display:inline-block;background:var(--surface2);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:12px}.tier{display:inline-block;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;border-radius:999px;padding:4px 12px;font-weight:700;font-size:13px}.progress{height:8px;background:var(--surface2);border-radius:999px;overflow:hidden;margin:8px 0}.progress>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}.tabs{display:flex;gap:8px;margin-bottom:12px}.tabs button{background:var(--surface2);color:var(--muted)}.tabs button.active{background:var(--accent);color:#fff}.txn{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--border)}.txn:last-child{border-bottom:0}.amt-pos{color:var(--green);font-weight:700}.amt-neg{color:var(--text);font-weight:700}.quick{display:flex;gap:12px}.quick button{padding:18px;font-size:15px}.slotgrid{display:flex;flex-wrap:wrap;gap:8px}.slot{flex:0 0 auto;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:14px;cursor:pointer}.slot.sel{background:var(--accent);color:#fff;border-color:var(--accent)}.center{text-align:center}.spacer{height:8px}.navbar{position:fixed;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;background:var(--surface);border-top:1px solid var(--border);display:flex}.navbar a{flex:1;text-align:center;padding:12px 0 16px;color:var(--muted);text-decoration:none;font-size:12px}.navbar a.active{color:var(--accent2)}.navbar a .ico{display:block;font-size:20px;margin-bottom:2px}.loginwrap{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:24px}.otpbox{letter-spacing:8px;text-align:center;font-size:24px}.link{color:var(--accent2);background:none;width:auto;padding:0;font-weight:600;display:inline}