:root{color:#111827;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f3f5f8;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}body{color:#111827;background:#f3f5f8;min-width:320px;margin:0;transition:background-color .18s,color .18s}body.dark{color:#e5e7eb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b1220}.app-shell{max-width:1350px;margin:0 auto;padding:1.5rem 1rem 3rem}.topbar{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.topbar h1{margin:0}.auth-box{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.subtle{color:#667085;margin:.15rem 0 0;font-size:.9rem}.pill{border:1px solid #d0d5dd;border-radius:999px;padding:.2rem .45rem;font-size:.75rem}.pill.saved{color:#027a48;border-color:#9be2c0}.pill.syncing{color:#175cd3;border-color:#98a2ff}.pill.error{color:#b42318;border-color:#fda29b}.error-banner,.undo-banner{border-radius:8px;justify-content:space-between;align-items:center;gap:.6rem;margin:0 0 1rem;padding:.55rem .7rem;display:flex}.error-banner{color:#b42318;background:#fee4e2;border:1px solid #fda29b}.undo-banner{color:#175cd3;background:#eef4ff;border:1px solid #c7d7fe}.summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.summary-card{background:#fff;border:1px solid #d4d8df;border-radius:10px;gap:.35rem;padding:.75rem;display:grid}.summary-card p{color:#667085;margin:0;font-size:.88rem}.summary-card strong{font-size:1.15rem}.layout-grid{grid-template-columns:.9fr 1.3fr 1.2fr;gap:1rem;display:grid}.reports-grid{grid-template-columns:1.2fr 1fr;gap:1rem;display:grid}.panel{background:#fff;border:1px solid #d4d8df;border-radius:10px;padding:1rem}.panel h2{margin:0 0 .75rem;font-size:1.1rem}.inline-form{grid-template-columns:1fr .9fr .9fr auto;gap:.5rem;margin-bottom:.75rem;display:grid}.accounts-form{grid-template-columns:1fr 1fr}.accounts-form button{width:100%}.stack-form{gap:.6rem;margin-bottom:.75rem;display:grid}.edit-form{width:100%}.edit-actions{gap:.5rem;display:flex}.stack-form label{gap:.25rem;font-size:.88rem;display:grid}input,select,button{font:inherit;border:1px solid #c2c8d0;border-radius:8px;min-width:0;padding:.5rem .65rem}button{color:#fff;cursor:pointer;background:#0f5eea;border-color:#0f5eea}button.ghost{color:#334155;background:0 0;border-color:#c2c8d0}.simple-list{gap:.45rem;display:grid}.list-item{border:1px solid #e4e7ec;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem .65rem;display:flex}.list-actions{justify-items:end;gap:.3rem;display:grid}.list-item p{color:#667085;text-transform:capitalize;margin:.15rem 0 0;font-size:.82rem}button.danger{color:#b42318;border-color:#fda29b}.category-table{border:1px solid #e4e7ec;border-radius:8px;overflow:hidden}.row{border-top:1px solid #eef1f4;grid-template-columns:1.5fr 1fr 1fr 1fr;align-items:center;gap:.5rem;padding:.45rem .55rem;display:grid}.row-head{background:#f8fafc;border-top:none;font-weight:600}.group-label{color:#667085;background:#f9fafb;border-top:1px solid #eef1f4;padding:.35rem .55rem;font-size:.8rem}.transaction-list{gap:.5rem;display:grid}.transaction-item{border:1px solid #e4e7ec;border-radius:8px;justify-content:space-between;gap:.8rem;padding:.6rem .7rem;display:flex}.transaction-item p{color:#667085;margin:.2rem 0 0;font-size:.84rem}.transaction-right{justify-items:end;gap:.35rem;display:grid}.report-row{margin-bottom:.65rem}.report-row-header{justify-content:space-between;gap:.6rem;margin-bottom:.25rem;display:flex}.bar-track{background:#eef1f4;border-radius:999px;width:100%;height:9px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#4388ff 0%,#0f5eea 100%);height:100%}.trend-grid{gap:.55rem;display:grid}.trend-item{border:1px solid #e4e7ec;border-radius:8px;gap:.15rem;padding:.55rem .65rem;display:grid}.trend-item p{margin:0 0 .2rem;font-weight:600}.positive{color:#027a48}.negative{color:#b42318}.empty-state{color:#667085;margin:0}body.dark .panel,body.dark .summary-card,body.dark .list-item,body.dark .transaction-item,body.dark .category-table,body.dark .trend-item{background:#111827;border-color:#374151}body.dark .row-head,body.dark .group-label{background:#1f2937}body.dark .row,body.dark .list-item,body.dark .transaction-item,body.dark .trend-item{border-color:#374151}body.dark .subtle,body.dark .summary-card p,body.dark .list-item p,body.dark .transaction-item p,body.dark .empty-state{color:#9ca3af}body.dark input,body.dark select,body.dark button.ghost{color:#e5e7eb;background:#0f172a;border-color:#374151}body.dark .bar-track{background:#1f2937}body.dark .auth-box span,body.dark .panel h2,body.dark .topbar h1{color:#e5e7eb}@media (width<=1200px){.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-grid,.reports-grid{grid-template-columns:1fr}}@media (width<=700px){.topbar{flex-direction:column}.auth-box{width:100%}.summary-grid,.inline-form,.accounts-form,.row{grid-template-columns:1fr}.transaction-item{flex-direction:column}.transaction-right{justify-items:start}.edit-actions{flex-direction:column}}