:root,[data-theme=light]{--color-canvas:#f5f5f7;--color-surface:#fff;--color-surface-accent:#f4f8fb;--color-border:#d2d2d7;--color-text:#1d1d1f;--color-text-secondary:#6e6e73;--color-accent:#0071e3;--color-positive:#2f9e57;--color-negative:#c1652f;--color-overlay:#0006;--color-danger-bg:#fdf0ea;--color-swatch-ring:#1d1d1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--color-canvas:#1c1c1e;--color-surface:#232325;--color-surface-accent:#2c2c2e;--color-border:#38383a;--color-text:#f5f5f7;--color-text-secondary:#98989d;--color-accent:#0071e3;--color-positive:#43b56e;--color-negative:#d97a4a;--color-overlay:#0009;--color-danger-bg:#3a2a22;--color-swatch-ring:#f5f5f7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--font-text:-apple-system, BlinkMacSystemFont, "SF Pro Text", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;--text-caption:12px;--text-body-sm:14px;--text-body:16px;--text-subheading:20px;--text-heading-sm:26px;--text-heading:34px;--spacing-4:4px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-20:20px;--spacing-24:24px;--spacing-32:32px;--spacing-40:40px;--radius-card:8px;--radius-pill:980px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-canvas);color:var(--color-text);font-family:var(--font-text);font-size:var(--text-body);margin:0;line-height:1.45;transition:background-color .15s,color .15s}h1,h2,h3{margin:0;font-weight:600}h1{font-size:var(--text-heading)}h2{font-size:var(--text-subheading)}h3{font-size:var(--text-body);font-weight:600}p{margin:0}button{font-family:inherit}.btn{justify-content:center;align-items:center;gap:var(--spacing-8);border-radius:var(--radius-pill);font-size:var(--text-body-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;padding:9px 18px;font-weight:500;transition:opacity .15s,background-color .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:not(:disabled):hover{opacity:.88}.btn-filled{background:var(--color-accent);color:#fff}.btn-outline{border-color:var(--color-border);color:var(--color-text);background:0 0}.btn-ghost{color:var(--color-accent);background:0 0;padding:9px 6px}.btn-danger{color:var(--color-negative);font-size:var(--text-caption);background:0 0;padding:6px 10px}.btn-sm{font-size:var(--text-caption);padding:6px 14px}.btn-icon{border-radius:var(--radius-pill);width:28px;height:28px;color:var(--color-text-secondary);background:0 0;padding:0}.btn-icon:hover{background:var(--color-surface-accent);opacity:1}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-20)}.surface-accent{background:var(--color-surface-accent)}label{font-size:var(--text-caption);color:var(--color-text-secondary);margin-bottom:var(--spacing-4);display:block}input,select,textarea{width:100%;font-family:inherit;font-size:var(--text-body-sm);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-canvas);color:var(--color-text);padding:8px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-accent);outline-offset:-1px}.field{margin-bottom:var(--spacing-16)}.app-shell{flex-direction:column;min-height:100%;display:flex}.top-nav{background:var(--color-surface);padding:var(--spacing-12) var(--spacing-24);align-items:center;gap:var(--spacing-24);border-bottom:1px solid var(--color-border);z-index:10;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--spacing-8);color:var(--color-text);font-size:var(--text-subheading);margin-right:var(--spacing-8);font-weight:700;display:flex}.top-nav nav{align-items:center;gap:var(--spacing-20);display:flex}.top-nav a{color:var(--color-text-secondary);font-size:var(--text-body-sm);font-weight:500;text-decoration:none}.top-nav a.active,.top-nav a:hover{color:var(--color-text)}.top-nav .spacer{flex:1}.top-nav .user-chip{color:var(--color-text-secondary);font-size:var(--text-caption)}.page{width:100%;max-width:1180px;padding:var(--spacing-24);margin:0 auto}.page-wide{max-width:100%}.section-gap>*+*{margin-top:var(--spacing-24)}.home-grid{gap:var(--spacing-20);grid-template-columns:repeat(3,1fr);display:grid}.home-grid .cell-spent{grid-area:1/1}.home-grid .cell-income{grid-area:1/2}.home-grid .cell-balance{flex-direction:column;grid-area:1/3;display:flex}.home-grid .cell-categories{grid-area:2/3}.home-grid .cell-transactions{grid-area:2/1/auto/span 2}@media (width<=900px){.home-grid{grid-template-columns:1fr}.home-grid .cell-spent,.home-grid .cell-income,.home-grid .cell-balance,.home-grid .cell-categories,.home-grid .cell-transactions{grid-area:auto/1}}.category-row-compact{gap:var(--spacing-8);grid-template-columns:84px 1fr 44px;padding:6px 0}.category-row-compact .category-label{font-size:var(--text-caption)}.category-row-compact .category-label span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row{gap:var(--spacing-12);align-items:center;display:flex}.row-wrap{flex-wrap:wrap}.between{justify-content:space-between}.grid-3{gap:var(--spacing-20);grid-template-columns:repeat(3,1fr);display:grid}.with-sidebar{gap:var(--spacing-20);grid-template-columns:1fr 280px;align-items:start;display:grid}@media (width<=900px){.with-sidebar{grid-template-columns:1fr}}.grid-2{gap:var(--spacing-20);grid-template-columns:1fr 1fr;display:grid}.grid-4{gap:var(--spacing-20);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=900px){.grid-3,.grid-4,.grid-2{grid-template-columns:1fr}}.text-muted{color:var(--color-text-secondary)}.text-sm{font-size:var(--text-body-sm)}.text-caption{font-size:var(--text-caption);color:var(--color-text-secondary)}.amount-positive{color:var(--color-positive)}.amount-negative{color:var(--color-negative)}.tag{border-radius:var(--radius-pill);background:var(--color-surface-accent);border:1px solid var(--color-border);font-size:var(--text-caption);color:var(--color-text);white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.tag-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.tag-plain{background:var(--color-canvas)}.chip{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-pill);font-size:var(--text-caption);cursor:pointer;color:var(--color-text-secondary);align-items:center;gap:6px;padding:5px 12px;display:inline-flex}.chip.active{background:var(--color-text);color:var(--color-canvas);border-color:var(--color-text)}[data-theme=dark] .chip.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.tx-row{align-items:center;gap:var(--spacing-12);padding:var(--spacing-12) 0;border-bottom:1px solid var(--color-border);display:flex}.tx-row:last-child{border-bottom:none}.tx-tags{flex-shrink:0;gap:6px;display:flex}.tx-title{min-width:0;font-size:var(--text-body-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tx-date{color:var(--color-text-secondary);font-size:var(--text-caption);flex-shrink:0;width:60px}.tx-amount{font-size:var(--text-body-sm);text-align:right;flex-shrink:0;width:110px;font-weight:600}.tx-sub-amount{color:var(--color-text-secondary);font-size:var(--text-caption);text-align:right;display:block}.tx-actions{opacity:0;flex-shrink:0;justify-content:flex-end;gap:2px;width:60px;transition:opacity .1s;display:flex}.tx-row:hover .tx-actions{opacity:1}.segmented{background:var(--color-surface-accent);border-radius:var(--radius-pill);border:1px solid var(--color-border);gap:2px;padding:3px;display:inline-flex}.segmented button{border-radius:var(--radius-pill);font-size:var(--text-body-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:6px 16px}.segmented button.active{background:var(--color-accent);color:#fff;font-weight:500}.segmented-sm{gap:1px;padding:2px}.segmented-sm button{font-size:var(--text-caption);padding:3px 9px}.select-sm{width:auto;font-size:var(--text-caption);border-radius:var(--radius-pill);padding:5px 8px}.category-row{align-items:center;gap:var(--spacing-12);padding:var(--spacing-8) 0;cursor:pointer;border-radius:6px;grid-template-columns:160px 1fr 70px;display:grid}.category-row:hover{background:var(--color-surface-accent)}.category-label{font-size:var(--text-body-sm);align-items:center;gap:8px;display:flex}.category-bar-track{background:var(--color-surface-accent);border-radius:999px;height:6px;overflow:hidden}.category-bar-fill{border-radius:999px;height:100%}.theme-switch{border-radius:var(--radius-pill);background:var(--color-border);cursor:pointer;border:none;flex-shrink:0;width:44px;height:26px;position:relative}.theme-switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.theme-switch.on{background:var(--color-accent)}.theme-switch.on:after{transform:translate(18px)}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0}.swatch.selected{border-color:var(--color-swatch-ring)}.modal-overlay{background:var(--color-overlay);z-index:20;padding:var(--spacing-16);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{width:100%;max-width:420px;max-height:85vh;overflow-y:auto}.modal-card-wide{max-width:720px}.login-screen{background:var(--color-canvas);min-height:100%;padding:var(--spacing-24);justify-content:center;align-items:center;display:flex}.login-card{width:100%;max-width:360px}.error-banner{background:var(--color-danger-bg);border:1px solid var(--color-negative);color:var(--color-negative);border-radius:var(--radius-card);padding:var(--spacing-12) var(--spacing-16);font-size:var(--text-body-sm)}.empty-state{text-align:center;padding:var(--spacing-40) var(--spacing-24);color:var(--color-text-secondary)}table{border-collapse:collapse;width:100%;font-size:var(--text-body-sm)}th,td{text-align:left;padding:var(--spacing-8) var(--spacing-12);border-bottom:1px solid var(--color-border)}th{color:var(--color-text-secondary);font-weight:400;font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.02em}tr.row-error td{background:var(--color-danger-bg)}