:root{--bg:#f4f7fb;--card:#fff;--ink:#10213c;--muted:#6e7b91;--primary:#0d5ee8;--green:#1a9b55;--red:#df3e48;--line:#e2e8f1;--shadow:0 10px 30px rgba(16,33,60,.08)}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{min-height:100dvh}.app-shell{max-width:680px;margin:auto;min-height:100dvh;padding:env(safe-area-inset-top) 16px 96px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 4px 10px}.eyebrow{font-size:.78rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em}h1{font-size:1.65rem;margin:2px 0 0}h2{margin:0}.icon-btn{border:0;background:#fff;border-radius:14px;width:42px;height:42px;box-shadow:var(--shadow);font-size:1.15rem}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow);margin:12px 0}.hero{background:linear-gradient(135deg,#0d5ee8,#173878);color:#fff}.hero .muted{color:#d8e5ff}.balance{font-size:2rem;font-weight:800;margin:4px 0}.muted{color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}.metric .value{font-weight:800;font-size:1.1rem;margin-top:4px}.green{color:var(--green)}.red{color:var(--red)}.blue{color:var(--primary)}.section-title{display:flex;justify-content:space-between;align-items:center;margin:20px 2px 8px}.list{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.row{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-bottom:1px solid var(--line);gap:12px}.row:last-child{border-bottom:0}.row-title{font-weight:700}.row-sub{color:var(--muted);font-size:.85rem;margin-top:2px}.amount{font-weight:800;white-space:nowrap}.progress{height:10px;background:#e7edf6;border-radius:999px;overflow:hidden;margin:8px 0}.progress span{display:block;height:100%;background:var(--primary);border-radius:999px}.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(680px,100%);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:20}.nav-btn{border:0;background:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px}.nav-btn span{font-size:1.2rem}.nav-btn.active{color:var(--primary);font-weight:800}.fab{position:fixed;right:max(22px,calc((100vw - 680px)/2 + 22px));bottom:82px;border:0;background:var(--primary);color:#fff;width:58px;height:58px;border-radius:50%;font-size:2rem;box-shadow:0 12px 30px rgba(13,94,232,.35);z-index:30}dialog{border:0;padding:0;background:transparent;width:min(94vw,560px)}dialog::backdrop{background:rgba(13,25,45,.45);backdrop-filter:blur(3px)}.dialog-card{background:#fff;border-radius:24px;padding:18px;display:grid;gap:13px;max-height:88dvh;overflow:auto}.dialog-head{display:flex;align-items:center;justify-content:space-between}label{display:grid;gap:6px;font-weight:700;font-size:.92rem}input,select{width:100%;padding:12px 13px;border:1px solid #ccd6e5;border-radius:12px;background:#fbfcfe;color:var(--ink)}.segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:#edf2f8;padding:5px;border-radius:14px}.seg{border:0;background:transparent;padding:9px 6px;border-radius:10px;font-size:.8rem}.seg.active{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08);font-weight:800;color:var(--primary)}.primary,.secondary{border:0;border-radius:12px;padding:13px 15px;font-weight:800}.primary{background:var(--primary);color:#fff}.secondary{background:#eef3fa;color:var(--ink)}.more-btn{width:100%;text-align:left;border:0;background:#fff;padding:14px;border-bottom:1px solid var(--line)}.empty{text-align:center;padding:34px 18px;color:var(--muted)}.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:100px;background:#11233f;color:#fff;padding:11px 15px;border-radius:12px;z-index:50}