:root{color:#10203a;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.4}html{background:#f4f7fb;min-height:100dvh}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d1322}*{box-sizing:border-box}body{color:#10203a;background:#f4f7fb;min-width:320px;min-height:100dvh;margin:0;transition:background-color .18s,color .18s}body.dark{color:#edf3ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d1322}#root{min-height:100dvh}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-app:#f4f7fb;--bg-surface:#fff;--bg-muted:#f6f9fd;--border-soft:#d9e2ef;--border-strong:#c5d1e2;--text-main:#10203a;--text-muted:#53627a;--accent:#315efb;--accent-soft:#e9efff;--success:#12805c;--danger:#be123c}.app-shell{background:var(--bg-app);max-width:1520px;min-height:100vh;color:var(--text-main);margin:0 auto;padding:1.5rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.view-main{gap:1.1rem;display:grid}.topbar{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:1.5rem;grid-template-columns:minmax(240px,1fr) auto auto;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.15rem;display:grid;box-shadow:0 8px 30px #0c234b0d}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .2rem;font-size:.7rem;font-weight:700}.brand-block h1{margin:0;font-family:Manrope,Inter,sans-serif;font-size:1.35rem}.subtle{color:var(--text-muted);margin:.2rem 0 0;font-size:.84rem}.primary-nav{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.auth-box{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.user-pill{background:var(--bg-muted);border:1px solid var(--border-soft);border-radius:999px;padding:.35rem .75rem;font-size:.78rem}.pill{border:1px solid var(--border-soft);text-transform:capitalize;background:var(--bg-muted);border-radius:999px;padding:.3rem .65rem;font-size:.74rem}.pill.saved,.pill.idle{color:var(--success);background:#ebfaf4;border-color:#9ed8c8}.pill.syncing{color:#145ccf;background:#edf3ff;border-color:#bcd3ff}.pill.error{color:var(--danger);background:#fff1f5;border-color:#f7b9c8}.error-banner,.undo-banner{border-radius:1rem;justify-content:space-between;align-items:center;gap:.6rem;margin:0;padding:.75rem .9rem;display:flex}.error-banner{color:var(--danger);background:#fff1f5;border:1px solid #f7b9c8}.undo-banner{color:var(--success);background:#ebfaf4;border:1px solid #9ed8c8}.summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem;display:grid}.summary-card{border:1px solid var(--border-soft);background:var(--bg-surface);border-radius:1.1rem;gap:.4rem;padding:.95rem;display:grid}.summary-card p,.summary-card label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.75rem;font-weight:700}.summary-card strong{font-family:Manrope,Inter,sans-serif;font-size:1.15rem}.summary-emphasis{background:linear-gradient(#fff 0%,#f5f8ff 100%);border-color:#c6d4ff}.reports-grid{grid-template-columns:1.3fr 1fr;gap:1rem;display:grid}.panel{border:1px solid var(--border-soft);background:var(--bg-surface);border-radius:1.2rem;padding:1rem}.panel-head{justify-content:space-between;align-items:center;margin-bottom:.9rem;display:flex}.panel h2{margin:0;font-family:Manrope,Inter,sans-serif;font-size:1.08rem}.inline-form,.stack-form{gap:.6rem;margin-bottom:.9rem;display:grid}.inline-form label{color:var(--text-muted);gap:.28rem;font-size:.8rem;display:grid}.inline-form{grid-template-columns:1.4fr 1fr 1fr auto}.accounts-form{grid-template-columns:1.2fr 1fr .9fr 1fr auto}.accounts-form button,.edit-form{width:100%}.edit-actions{gap:.45rem;display:flex}.stack-form label{color:var(--text-muted);gap:.28rem;font-size:.8rem;display:grid}input,select,button{border:1px solid var(--border-soft);font:inherit;background:var(--bg-muted);min-width:0;color:var(--text-main);border-radius:.8rem;padding:.58rem .78rem}button{background:var(--accent);border-color:var(--accent);color:#fff;cursor:pointer;font-weight:600}button.ghost{background:var(--bg-muted);border-color:var(--border-soft);color:var(--text-main)}button.nav-active{background:var(--accent-soft);color:#15389e;border-color:#c6d4ff;font-weight:700}.simple-list,.transaction-list,.trend-grid{gap:.5rem;display:grid}.list-item,.transaction-item,.trend-item{background:#fbfdff;border:1px solid #e1e9f6;border-radius:.95rem;padding:.75rem .8rem}.list-item,.transaction-item{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.list-item p,.transaction-item p{color:var(--text-muted);text-transform:capitalize;margin:.15rem 0 0;font-size:.8rem}.account-name{margin-bottom:.25rem;display:block}.account-type-chip{border:1px solid var(--border-soft);letter-spacing:.02em;background:var(--bg-muted);text-transform:capitalize;border-radius:999px;align-items:center;padding:.12rem .5rem;font-size:.72rem;display:inline-flex}.list-actions,.transaction-right{justify-items:end;gap:.32rem;display:grid}button.danger{color:var(--danger);border-color:#f7b9c8}.category-table{border:1px solid #e1e9f6;border-radius:.95rem;overflow:hidden}.row{border-top:1px solid #eef2f8;grid-template-columns:1.5fr 1fr 1fr 1fr;align-items:center;gap:.5rem;padding:.55rem .65rem;display:grid}.row-head{color:#32455f;background:#f6f9ff;border-top:none;font-weight:700}.report-row{margin-bottom:.75rem}.report-row-header{justify-content:space-between;gap:.6rem;margin-bottom:.25rem;display:flex}.bar-track{background:#e7efff;border-radius:999px;width:100%;height:9px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#315efb 0%,#5b7bff 100%);height:100%}.trend-item p{margin:0 0 .2rem;font-weight:700}.trend-item span,.trend-item strong{margin-top:.2rem;display:block}.positive{color:var(--success)}.negative{color:var(--danger)}.empty-state{color:var(--text-muted);margin:0}body.dark .app-shell{--bg-app:#0d1322;--bg-surface:#151f33;--bg-muted:#111a2b;--border-soft:#2c3b57;--border-strong:#365074;--text-main:#edf3ff;--text-muted:#9bb0d1;--accent:#7a95ff;--accent-soft:#1a2f60}body.dark .topbar,body.dark .panel,body.dark .summary-card,body.dark .list-item,body.dark .transaction-item,body.dark .category-table,body.dark .trend-item{background:var(--bg-surface);border-color:var(--border-soft);box-shadow:none}body.dark .row-head{color:#d8e4ff;background:#1a2740}body.dark input,body.dark select,body.dark button.ghost,body.dark .user-pill{background:var(--bg-muted);border-color:var(--border-soft);color:var(--text-main)}body.dark .summary-emphasis{background:linear-gradient(#15254a 0%,#10203f 100%);border-color:#4366bd}body.dark button.nav-active{color:#f3f7ff;background:#243a70;border-color:#4262ab}body.dark .pill.syncing{color:#d7e5ff;background:#21365f;border-color:#4864a8}body.dark .subtle,body.dark .summary-card p,body.dark .summary-card label,body.dark .list-item p,body.dark .transaction-item p,body.dark .empty-state,body.dark .stack-form label{color:var(--text-muted)}body.dark .bar-track{background:#1e3159}body.dark .account-type-chip{color:#cfe0ff;background:#192640;border-color:#38527f}@media (width<=1280px){.topbar{grid-template-columns:1fr}.auth-box{justify-content:flex-start}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reports-grid{grid-template-columns:1fr}}@media (width<=1180px){.app-shell{padding:1.2rem}.topbar{gap:.8rem}.brand-block h1{font-size:1.2rem}.primary-nav{gap:.4rem;width:100%}.primary-nav button{flex:calc(25% - .4rem);min-width:120px}.auth-box{justify-content:flex-start;width:100%}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.inline-form{grid-template-columns:1.2fr 1fr 1fr auto}}@media (width<=1024px){.app-shell{padding:1.05rem}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.primary-nav button{flex:calc(50% - .4rem);min-width:0}.auth-box>*{flex:0 auto}.inline-form{grid-template-columns:1fr 1fr}}@media (width<=960px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-nav{width:100%}.primary-nav button{flex:calc(50% - .45rem)}.inline-form{grid-template-columns:1fr 1fr}}@media (width<=760px){.app-shell{padding:1rem}.summary-grid,.inline-form,.accounts-form{grid-template-columns:1fr}.topbar{padding:.9rem}.primary-nav button{flex:100%}.auth-box{justify-content:flex-start;width:100%}.auth-box>*{flex:auto}.category-table{overflow-x:auto}.category-table .row{grid-template-columns:1.5fr 1fr 1fr 1fr;min-width:640px}.transaction-item{flex-direction:column;align-items:flex-start}.transaction-right{grid-template-columns:1fr;justify-items:start;width:100%}.edit-actions{flex-direction:column}.edit-actions button{width:100%}}@media (width<=520px){.app-shell{padding:.75rem}.panel,.summary-card{padding:.85rem}input,select,button{font-size:.95rem}}