:root{--radius:14px;--radius-sm:9px;--font:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--bg:#f4f6fb;--bg-accent:#eef1f9;--surface:#fff;--surface-muted:#f7f8fc;--border:#e2e6f0;--text:#171b26;--text-muted:#5b6478;--accent:#4f5dff;--accent-soft:#4f5dff1f;--expense:#e0435f;--expense-soft:#e0435f1f;--income:#16996b;--income-soft:#16996b1f;--warning:#b8760a;--shadow:0 1px 2px #12182c0f, 0 8px 24px #12182c0f}[data-theme=dark]{--bg:#0e1118;--bg-accent:#131824;--surface:#171c27;--surface-muted:#1e2431;--border:#2a3140;--text:#edf0f7;--text-muted:#98a2b8;--accent:#8b95ff;--accent-soft:#8b95ff29;--expense:#ff7a8f;--expense-soft:#ff7a8f24;--income:#46d39b;--income-soft:#46d39b24;--warning:#e5a44b;--shadow:0 1px 2px #0006, 0 10px 28px #00000059}*{box-sizing:border-box}html,body{margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}@media (max-width:640px){html{font-size:14px}}@media (max-width:380px){html{font-size:13px}}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:.9375rem;line-height:1.55;transition:background .2s,color .2s}h1,h2,h3{letter-spacing:-.01em;margin:0;line-height:1.25}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;padding:.55rem .7rem}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}textarea{resize:vertical;min-height:76px}::placeholder{font-size:inherit;color:var(--text-muted);opacity:.8}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.btn:hover{background:var(--surface-muted)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover{filter:brightness(1.07);background:var(--accent)}.btn--danger{color:var(--expense);border-color:var(--expense-soft);background:var(--expense-soft)}.btn--danger:hover{background:var(--expense-soft);filter:brightness(1.05)}.btn--ghost{background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--surface-muted)}.btn--sm{padding:.3rem .6rem;font-size:.82rem}.field{flex-direction:column;gap:.3rem;display:flex}.field label{color:var(--text-muted);font-size:.8rem;font-weight:600}.amount{font-variant-numeric:tabular-nums}.amount--expense{color:var(--expense)}.amount--income{color:var(--income)}.pill{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:999px;padding:.1rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.empty{text-align:center;color:var(--text-muted);padding:2.5rem 1rem}.error-banner{background:var(--expense-soft);color:var(--expense);border-radius:var(--radius-sm);padding:.6rem .85rem;font-size:.88rem;font-weight:500}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{max-width:1200px;margin:0 auto;padding:1.75rem 1.25rem 4rem}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.page-head p{color:var(--text-muted);margin:.3rem 0 0;font-size:.92rem}.page-actions{flex-wrap:wrap;gap:.5rem;display:flex}