:root{--bg:#eef1f8;--bg-deep:#283593;--surface:#fff;--ink:#1a237e;--ink-soft:#3949ab;--muted:#6b7394;--line:rgba(63,81,181,.12);--brand:#3f51b5;--brand-2:#5c6bc0;--brand-dark:#303f9f;--mint:#e8eaf6;--income:#2e7d32;--expense:#c62828;--shadow:0 10px 28px rgba(40,53,147,.12);--radius:18px;--safe-bottom:env(safe-area-inset-bottom,0px);--nav-h:0px;--fab-space:88px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;min-height:100%;background:linear-gradient(180deg,#e8eaf6,#eef1f8 45%,#f5f6fb);color:var(--ink);font-family:Vazirmatn,Segoe UI,Tahoma,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{width:min(480px,100%);margin:0 auto;min-height:100dvh;position:relative;background:transparent}.screen{padding:20px 18px calc(var(--fab-space) + var(--safe-bottom) + 12px)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:16px;padding:14px 18px;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;width:100%}.btn-ghost{background:transparent;color:var(--brand)}.btn-soft{background:var(--mint);color:var(--brand)}.field{display:grid;grid-gap:8px;gap:8px;margin-bottom:14px}.field label{font-size:.9rem;color:var(--muted);font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#fbfcff;border-radius:14px;padding:14px;color:var(--ink);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(63,81,181,.45);box-shadow:0 0 0 4px rgba(63,81,181,.1)}.muted{color:var(--muted)}.stack{display:grid;grid-gap:14px;gap:14px}.row{display:flex;justify-content:space-between;gap:12px}.chip,.row{align-items:center}.chip{display:inline-flex;gap:6px;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:700}.chip-income{background:rgba(46,125,50,.12);color:var(--income)}.chip-expense{background:rgba(198,40,40,.12);color:var(--expense)}.chip-plus{background:rgba(63,81,181,.12);color:var(--brand)}.bottom-nav{position:fixed;inset-inline:0;bottom:0;z-index:40;padding:10px 14px calc(10px + var(--safe-bottom));pointer-events:none}.bottom-nav-inner{pointer-events:auto;width:min(480px,100%);margin:0 auto;background:hsla(0,0%,100%,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:22px;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:4px;gap:4px;padding:8px;box-shadow:var(--shadow)}.nav-item{display:grid;place-items:center;grid-gap:4px;gap:4px;padding:8px 4px;border-radius:16px;color:var(--muted);font-size:.72rem;font-weight:700}.nav-item.active{background:var(--mint);color:var(--brand)}.nav-item span.icon{font-size:1.15rem;line-height:1}.hero-brand{font-size:clamp(2.4rem,10vw,3.4rem);font-weight:900;letter-spacing:-.04em;margin:0;color:var(--brand)}.fade-in{animation:fadeUp .45s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-2);animation:pulse 1.6s ease infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.55}}.toast{position:fixed;left:50%;bottom:calc(var(--fab-space) + 16px);transform:translateX(-50%);background:var(--bg-deep);color:#fff;padding:12px 16px;border-radius:14px;z-index:60;max-width:min(420px,calc(100% - 32px));box-shadow:var(--shadow)}.empty{text-align:center;padding:36px 16px;color:var(--muted)}.chart-bars{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:end;grid-gap:8px;gap:8px;height:160px}.chart-col{display:grid;grid-gap:6px;gap:6px;align-content:end;height:100%}.bar-pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:3px;gap:3px;align-items:end;height:130px}.bar{border-radius:8px 8px 4px 4px;min-height:4px}.bar.income{background:linear-gradient(180deg,#66bb6a,var(--income))}.bar.expense{background:linear-gradient(180deg,#ef5350,var(--expense))}.seg{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;background:rgba(63,81,181,.06);padding:6px;border-radius:16px}.seg button{border:0;background:transparent;border-radius:12px;padding:10px;font-weight:700;color:var(--muted);cursor:pointer}.seg button.active{background:#fff;color:var(--brand);box-shadow:0 6px 18px rgba(40,53,147,.08)}