:root{--primary:#0f172a;--accent:#2563eb;--bg:#f8fafc;--text:#1e293b;--muted:#64748b;--ok:#10b981;--bad:#ef4444;--warn:#f59e0b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0}body{background:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{max-width:480px;margin:0 auto;padding:0 16px calc(108px + env(safe-area-inset-bottom));display:grid;grid-gap:16px;gap:16px;align-content:start}.header-app{padding:calc(26px + env(safe-area-inset-top)) 0 2px;text-align:center}.header-app h1{margin:0;font-weight:800;font-size:1.35rem;letter-spacing:-.5px;color:var(--primary)}.header-app h1 span{color:var(--accent)}.header-app p{margin:4px 0 0;font-size:.75rem;font-weight:600;color:var(--muted)}.glass-card{background:#fff;border-radius:26px;padding:20px;border:1px solid rgba(0,0,0,.02);box-shadow:0 10px 30px -5px rgba(0,0,0,.05);display:grid;grid-gap:12px;gap:12px}.balance-card{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border-radius:28px;padding:26px 22px;text-align:center;box-shadow:0 15px 35px -10px rgba(15,23,42,.35)}.balance-card small{font-size:.65rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;opacity:.7}.balance-card h2{margin:8px 0 0;font-weight:800;font-size:1.9rem}.balance-card h2.neg{color:#fca5a5}.balance-card h2.pos{color:#6ee7b7}.stat3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:16px}.stat3 div{background:rgba(255,255,255,.08);border-radius:16px;padding:10px 6px}.stat3 b{display:block;font-size:.78rem}.stat3 span{font-size:.6rem;opacity:.7;font-weight:700}.label,.stat3 span{text-transform:uppercase}.label{font-size:.7rem;font-weight:800;color:var(--muted);display:block}input,select{width:100%;border-radius:16px;border:1.5px solid #f1f5f9;padding:14px;font:600 .95rem Plus Jakarta Sans,system-ui,sans-serif;background:var(--bg);color:var(--text)}input:focus,select:focus{outline:none;border-color:var(--accent)}.btn-main{width:100%;border:0;border-radius:18px;padding:16px;font:800 .9rem Plus Jakarta Sans,system-ui,sans-serif;background:var(--primary);color:#fff;box-shadow:0 10px 20px rgba(15,23,42,.2)}.btn-main:disabled{opacity:.5}.btn-soft{width:100%;border:0;border-radius:16px;padding:14px;font:800 .85rem Plus Jakarta Sans,system-ui,sans-serif;background:#f1f5f9;color:var(--text)}.btn-soft:disabled{opacity:.5}.btn-sm{border:0;border-radius:12px;padding:10px 14px;font:800 .75rem Plus Jakarta Sans,system-ui,sans-serif;background:var(--primary);color:#fff}.filter-pills{display:flex;gap:8px;justify-content:center;overflow-x:auto;scrollbar-width:none}.btn-pill{border-radius:14px;border:1px solid #e2e8f0;background:#fff;font:700 .75rem Plus Jakarta Sans,system-ui,sans-serif;padding:10px 16px;color:var(--muted);white-space:nowrap}.btn-pill.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px rgba(0,0,0,.1)}.toggle-stats{background:#fff;border-radius:16px;padding:5px;display:flex;border:1px solid #e2e8f0}.toggle-stats button{flex:1 1;border:0;padding:12px;border-radius:12px;font:800 .8rem Plus Jakarta Sans,system-ui,sans-serif;background:transparent;color:var(--muted)}.toggle-stats button.active{background:var(--primary);color:#fff;box-shadow:0 5px 15px rgba(15,23,42,.2)}.date-row{display:flex;gap:8px;align-items:center}.date-row input{padding:10px;font-size:.75rem}.tiles{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.tile{border:1.5px solid #f1f5f9;background:var(--bg);border-radius:20px;min-height:84px;padding:12px;font:800 .95rem Plus Jakarta Sans,system-ui,sans-serif;color:var(--text);text-align:left;display:grid;align-content:space-between}.tile:active{transform:scale(.97);background:#eef2ff}.tile small{color:var(--accent);font-weight:800;font-size:.75rem}.row{justify-content:space-between;gap:10px}.row,.trx{display:flex;align-items:center}.trx{gap:12px;padding:14px;border-radius:18px;background:#fff;border-left:6px solid;box-shadow:0 4px 14px rgba(0,0,0,.03)}.trx .grow{flex:1 1;min-width:0}.trx b{font-size:.85rem}.trx .amt{font-weight:800;font-size:.9rem;white-space:nowrap}.x-btn{border:0;background:#fee2e2;color:#dc2626;border-radius:10px;width:30px;height:30px;font-weight:800}.muted{color:var(--muted);font-size:.72rem;font-weight:600}.fw{font-weight:800}.pos{color:#059669}.err,.neg{color:#dc2626}.err{font-size:.8rem;font-weight:700}.badge{font-size:.65rem;font-weight:800;padding:3px 9px;border-radius:9px;display:inline-block}.badge.ok{background:rgba(16,185,129,.12);color:#059669}.badge.bad{background:rgba(239,68,68,.12);color:#dc2626}.badge.flat{background:#f1f5f9;color:var(--muted)}.day-head{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;border:0;background:none;padding:0;text-align:left;font-family:inherit;color:inherit}.day-head .right{text-align:right;display:grid;grid-gap:4px;gap:4px;justify-items:end}.line{justify-content:space-between;font-size:.78rem;font-weight:700;padding:6px 0}.cat-item,.line{display:flex;border-bottom:1px solid #f1f5f9}.cat-item{align-items:center;gap:12px;padding:12px 0}.cat-dot{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;font-weight:800;font-size:.8rem}.progress{height:7px;background:#f1f5f9;border-radius:10px;overflow:hidden;margin-top:6px}.progress i{display:block;height:100%;border-radius:10px}.track{height:12px;background:#fee2e2;border-radius:99px;overflow:hidden;margin-top:16px}.track i{display:block;height:100%;transition:width .3s}.pager{display:flex;justify-content:center;align-items:center;gap:14px}.pager button{border:0;background:#fff;border-radius:99px;padding:8px 16px;font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.06)}.pager button:disabled{opacity:.4}.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:480px;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-radius:24px 24px 0 0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(15,23,42,.08);z-index:50}.bottom-nav a{display:grid;justify-items:center;grid-gap:2px;gap:2px;padding:8px 0;border-radius:16px;font-size:.68rem;font-weight:800;color:var(--muted)}.bottom-nav a span{font-size:1.2rem}.bottom-nav a.active,.toast{background:var(--primary);color:#fff}.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(96px + env(safe-area-inset-bottom));padding:12px 20px;border-radius:16px;font-size:.85rem;font-weight:700;box-shadow:0 10px 25px rgba(0,0,0,.2);z-index:60}