:root{--bg:#0b1020;--card:#141b30;--card2:#1b2440;--line:#26304f;--ink:#eaf0ff;--muted:#93a0c4;--brand:#5b8cff;--brand2:#7c5cff;--good:#37d39b;--warn:#ffb45b;--bad:#ff6b6b;--chip:#20294a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink)}.app{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;position:relative}.view{flex:1;overflow-y:auto;padding:14px 16px 96px}.head{display:flex;align-items:center;justify-content:space-between;margin:6px 2px 14px}.head h2{margin:0;font-size:22px;letter-spacing:-.4px}.head .sub{color:var(--muted);font-size:12.5px;margin-top:2px}.avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:14px}.card.hero{background:linear-gradient(140deg,#243063,#171f3b);border:1px solid #33407a}.muted{color:var(--muted)}.sm{font-size:12px}.b{font-weight:700}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.flex{display:flex;align-items:center;gap:10px}.big{font-size:32px;font-weight:800;letter-spacing:-1px;margin:4px 0}.pill{font-size:11px;padding:4px 9px;border-radius:999px;background:var(--chip);color:var(--muted);font-weight:600}.pill.good{background:#37d39b24;color:var(--good)}.pill.warn{background:#ffb45b24;color:var(--warn)}.pill.bad{background:#ff6b6b24;color:var(--bad)}.bar{height:9px;border-radius:999px;background:#0f1730;overflow:hidden;margin-top:8px}.bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand2))}.bar.warn>i{background:linear-gradient(90deg,#ffb45b,#ff8a5b)}.bar.bad>i{background:linear-gradient(90deg,#ff6b6b,#ff4d8d)}.cat,.txn{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.cat:first-child,.txn:first-child{border-top:0}.ico{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:19px;background:var(--card2);flex:0 0 auto}.grow{flex:1;min-width:0}.amt{font-weight:700}.amt.neg{color:#ff8a8a}.amt.pos{color:var(--good)}.seg{display:flex;background:#0f1730;border:1px solid var(--line);border-radius:12px;padding:4px;margin-bottom:14px}.seg button{flex:1;border:0;background:transparent;color:var(--muted);font-weight:700;font-size:13px;padding:8px;border-radius:9px;cursor:pointer}.seg button.on{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff}.btn{border:0;border-radius:13px;padding:14px;font-weight:700;font-size:15px;cursor:pointer;width:100%}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff}.btn.ghost{background:var(--card2);color:var(--ink);border:1px solid var(--line)}.btn:disabled{opacity:.5;cursor:not-allowed}.field{margin-top:12px}.field label{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.input{width:100%;background:#0f1730;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-top:6px;font-weight:600;color:var(--ink);font-size:15px}.ai{display:flex;gap:8px;align-items:center;background:linear-gradient(135deg,#7c5cff2e,#5b8cff1f);border:1px solid #3a4785;border-radius:12px;padding:10px 12px;font-size:12px;color:#cfd8ff;margin-bottom:14px}.err{color:var(--bad);font-size:12.5px;margin-top:8px}.conf{font-size:10px;padding:3px 7px;border-radius:99px;background:#37d39b24;color:var(--good);font-weight:700}.tabbar{position:sticky;bottom:0;height:72px;background:#0b1020eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;max-width:480px;margin:0 auto;width:100%}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:10.5px;font-weight:600;cursor:pointer;background:none;border:0}.tab.on{color:var(--brand)}.fab{position:fixed;bottom:84px;left:50%;transform:translate(-50%);width:60px;height:60px;border-radius:50%;border:4px solid var(--bg);background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-size:28px;cursor:pointer;z-index:20;box-shadow:0 10px 30px #5b8cff80}.center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:6px}.spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--brand);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#040710b8;z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheetcard{background:var(--card);width:100%;max-width:480px;border-radius:26px 26px 0 0;border:1px solid var(--line);padding:18px 18px 26px;max-height:92%;overflow-y:auto}.grip{width:44px;height:5px;border-radius:99px;background:#33406e;margin:0 auto 14px}.bell{position:fixed;top:14px;right:calc(50% - 228px);z-index:25;background:var(--card2);border:1px solid var(--line);border-radius:12px;width:40px;height:40px;font-size:18px;cursor:pointer;color:var(--ink)}@media (max-width:520px){.bell{right:14px}}.badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:var(--bad);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}.input option{background:var(--card)}