:root{--bg:#f4f6f5;--surface:#fff;--surface-2:#eef1f0;--text:#5b6460;--text-h:#131813;--border:#dde3e0;--accent:#16a34a;--accent-hover:#15803d;--accent-bg:#16a34a1a;--accent-border:#16a34a80;--danger:#dc2626;--danger-hover:#b91c1c;--danger-bg:#dc26261a;--warn:#d97706;--warn-hover:#b45309;--warn-bg:#d977061a;--chart-1:#2563eb;--chart-2:#9333ea;--chart-3:#db2777;--chart-4:#ea580c;--chart-5:#0891b2;--chart-6:#65a30d;--code-bg:#f4f3ec;--social-bg:#f4f3ec80;--shadow:#00000014 0 1px 2px, #0000000f 0 8px 16px -4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/145% var(--sans);letter-spacing:.1px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14161a;--surface:#1c1f24;--surface-2:#23262c;--text:#9ca3af;--text-h:#f3f4f6;--border:#2e323a;--accent:#4ade80;--accent-hover:#22c55e;--accent-bg:#4ade8026;--accent-border:#4ade8080;--danger:#f87171;--danger-hover:#ef4444;--danger-bg:#f8717126;--warn:#fbbf24;--warn-hover:#f59e0b;--warn-bg:#fbbf2426;--chart-1:#60a5fa;--chart-2:#c084fc;--chart-3:#f472b6;--chart-4:#fb923c;--chart-5:#22d3ee;--chart-6:#a3e635;--code-bg:#1f2028;--social-bg:#2f303a80;--shadow:#0006 0 1px 2px, #0000004d 0 8px 16px -4px}#social .button-icon{filter:invert()brightness(2)}}*{box-sizing:border-box}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:600}h1{letter-spacing:-.2px;margin:0;font-size:22px}h2{letter-spacing:-.1px;margin:0 0 12px;font-size:17px;line-height:118%}p{margin:0}code,.counter{font-family:var(--mono);border-radius:var(--radius-sm);color:var(--text-h);display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:14px;line-height:135%}:root{--sticky-controls-height:53px;--sidebar-width:232px;--topbar-height:52px}.app-shell{min-height:100svh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;height:100svh;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{justify-content:space-between;align-items:center;padding:4px 8px 20px;display:flex}.sidebar-brand h1{font-size:16px}.sidebar-collapse-toggle{padding:4px}.sidebar-collapsed .sidebar{width:64px}.sidebar-collapsed .sidebar-brand{justify-content:center;padding-inline:0}.sidebar-collapsed .sidebar-brand h1,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-footer{display:none}.sidebar-collapsed .sidebar nav a{justify-content:center}.sidebar-collapse-toggle svg{transition:transform .15s}.sidebar-collapsed .sidebar-collapse-toggle svg{transform:rotate(180deg)}.sidebar nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar nav a{border-radius:var(--radius-sm);color:var(--text);align-items:center;gap:10px;padding:9px 10px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.sidebar nav a:hover{background:var(--surface-2);color:var(--text-h)}.sidebar nav a.active{background:var(--accent-bg);color:var(--accent-hover)}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;display:flex}.sidebar-account{border-radius:var(--radius-sm);background:var(--surface-2);padding:8px 10px}.sidebar-account-select{background:var(--surface-2);width:100%;color:var(--text-h);cursor:pointer;border:none;margin:0;padding:0;font-size:13px;font-weight:600;display:block}.sidebar-account-select:focus{outline:2px solid var(--accent-border);outline-offset:2px;border-color:#0000}.sidebar-account-balance{color:var(--accent-hover);font-size:15px;font-weight:600;display:block}.signed-in-as{color:var(--text);padding:0 4px;font-size:13px}.app-shell-main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{height:var(--topbar-height);background:var(--surface);border-bottom:1px solid var(--border);z-index:6;align-items:center;padding:0 16px;display:none;position:sticky;top:0}.sidebar-open{display:none}.app-content{text-align:left;flex:1;width:100%;max-width:1400px;margin:0 auto;padding:28px 32px}.sidebar-backdrop{display:none}@media (width<=860px){.sidebar{z-index:20;box-shadow:var(--shadow);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.mobile-nav-open .sidebar{transform:translate(0)}.topbar,.sidebar-open{display:flex}.sidebar-collapsed .sidebar{width:var(--sidebar-width)}.sidebar-backdrop{z-index:19;background:#00000059;display:none;position:fixed;inset:0}.mobile-nav-open .sidebar-backdrop{display:block}.app-content{padding:20px}.budget-controls{top:var(--topbar-height)}}.auth-shell{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100svh;padding:24px;display:flex}.auth-shell h1{font-size:20px}.auth-shell section{width:100%;max-width:400px;margin-bottom:0}.auth-shell form{flex-direction:column}.auth-shell form button{margin-top:4px}section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:24px;padding:20px 24px}.section-header{justify-content:space-between;align-items:center;gap:12px;display:flex}form{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}input,select,textarea{font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-h);padding:8px 10px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-border);outline-offset:1px;border-color:var(--accent)}input:disabled,select:disabled{color:var(--text);background:var(--surface-2)}.error{color:var(--danger)}button{font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-h);cursor:pointer;padding:8px 14px}button:hover{border-color:var(--accent-border)}button:disabled{cursor:not-allowed;opacity:.6}.btn{font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-h);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--accent-border)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{color:var(--danger);border-color:var(--border)}.btn-danger:hover{background:var(--danger-bg);border-color:var(--danger)}.btn-sm{padding:2px 8px;font-size:13px;line-height:1}.link-button{color:var(--accent-hover);background:0 0;border:none;padding:0;text-decoration:underline}.link-button:hover{color:var(--accent);border:none}.icon-button{color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:inline-flex}.icon-button:hover{color:var(--accent);border:none}.icon-button-danger:hover{color:var(--danger)}.budget-controls{z-index:5;height:var(--sticky-controls-height);box-sizing:border-box;background:var(--surface);border-bottom:1px solid var(--border);padding:8px 0;flex-wrap:wrap;align-items:center;gap:8px;margin:0 -24px 16px;padding-inline:24px;display:flex;position:sticky;top:0}table{border-collapse:collapse;width:100%;margin-bottom:12px}.table-scroll{overflow-x:auto}th,td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:9px 10px}.description-cell{white-space:normal;word-break:break-word;max-width:360px}th{background:var(--surface-2);color:var(--text-h);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}tbody tr:hover{background:var(--surface-2)}td input,td select{width:100%;padding:5px 6px}.transfer-account-select{min-width:180px}.app-content:has(.annual-budget-page){max-width:none}.annual-budget-scroll{max-height:calc(100vh - var(--sticky-controls-height) - 120px);overflow:auto}.annual-budget-grid{font-size:13px}.annual-budget-grid th,.annual-budget-grid td{text-align:left;padding:4px}.annual-budget-grid thead th{z-index:4;position:sticky;top:0}.annual-budget-grid th:first-child,.annual-budget-grid td:first-child{text-align:left;text-overflow:ellipsis;max-width:130px;overflow:hidden}.annual-budget-grid th:last-child,.annual-budget-grid td:last-child{z-index:3;background:var(--surface);box-shadow:-1px 0 0 var(--border);position:sticky;right:0}.annual-budget-grid thead th:last-child{z-index:5}.annual-budget-grid tbody tr:hover td:last-child{background:var(--surface-2)}.annual-budget-grid td input{text-align:left;border-radius:var(--radius-sm);width:100%;min-width:40px;color:inherit;background:0 0;border:1px solid #0000;padding:3px 0;font-size:12px}.annual-budget-grid td input:hover,.annual-budget-grid td input:focus{border-color:var(--border);outline:none}.budget-group-header{cursor:pointer}.budget-group-header td{color:var(--text-h);border:none;border-bottom:1px solid var(--border);background:0 0;padding-top:14px;font-weight:600}.annual-budget-grid .budget-group-header td{text-overflow:clip;max-width:none;box-shadow:none;position:static;overflow:visible}.budget-group-header:hover td{color:var(--accent-hover)}.budget-group-toggle{width:1em;display:inline-block}.budget-subtotal-row td{border-top:1px solid var(--border);font-weight:600}.budget-net-row td{border-top:2px solid var(--border);color:var(--text-h);font-weight:700}.budget-row-total{color:var(--text-h)}.category-drilldown-toggle{color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.category-drilldown-toggle:hover{color:var(--accent);border:none}.category-drilldown-row td{background:var(--accent-bg);padding:8px}.category-drilldown-row table{margin-bottom:0}.prog-row{flex-direction:column;gap:4px;padding:4px 0;display:flex}.prog-row-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.prog-figures{color:var(--text);white-space:nowrap;font-variant-numeric:tabular-nums}.prog-pct{text-align:center;border-radius:999px;min-width:3.2em;padding:1px 6px;font-size:12px;font-weight:600;display:inline-block}.prog-pct.ok{color:var(--accent-hover);background:var(--accent-bg)}.prog-pct.warn{color:var(--warn-hover);background:var(--warn-bg)}.prog-pct.over{color:var(--danger-hover);background:var(--danger-bg)}.prog-track{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.prog-fill{border-radius:999px;height:100%}.prog-fill.ok{background:var(--accent)}.prog-fill.warn{background:var(--warn)}.prog-fill.over{background:var(--danger)}.donut-card{flex-wrap:wrap;align-items:center;gap:28px;padding:4px 0;display:flex}.donut-legend{flex-direction:column;flex:1;gap:8px;min-width:200px;display:flex}.donut-legend-row{align-items:center;gap:8px;display:flex}.donut-legend-swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}.donut-legend-name{color:var(--text-h);flex:1}.donut-legend-figures{color:var(--text);white-space:nowrap;font-variant-numeric:tabular-nums}.chart-card{overflow-x:auto}.chart-card svg{width:100%;min-width:640px;height:auto;display:block}.chart-axis text{fill:var(--text);font-variant-numeric:tabular-nums;font-size:10.5px}.chart-grid line{stroke:var(--border);stroke-width:1px}.chart-baseline{stroke:var(--border);stroke-width:1.5px}.chart-legend{color:var(--text);flex-wrap:wrap;align-items:center;gap:16px;margin-top:10px;font-size:12px;display:flex}.chart-legend-swatch{align-items:center;gap:6px;display:inline-flex}.chart-legend-swatch i{border-radius:3px;width:10px;height:10px;display:inline-block}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-th:hover{color:var(--accent)}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.filter-bar input[type=date]{width:150px}.filter-bar input[type=number]{width:110px}.batch-edit-bar{gap:8px;margin-bottom:16px;display:flex}h3{color:var(--text-h);margin:20px 0 8px;font-size:14px;font-weight:600}.drag-handle{width:1%;color:var(--text);cursor:grab}tr[draggable=true]:active{cursor:grabbing}.category-search{display:inline-block;position:relative}.category-search-results{z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:100%;max-height:180px;box-shadow:var(--shadow);margin:2px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:0;overflow-y:auto}.category-search-results li{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;padding:6px 8px}.category-search-results li.active{background:var(--accent-bg)}.type-pills{gap:4px;display:inline-flex}.type-pills button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px}.type-pills button.active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent-hover)}.pending-item{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:12px;padding:14px}.pending-item-meta{color:var(--text);justify-content:space-between;gap:8px;margin-bottom:8px;display:flex}.pending-item-meta .item-summary{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bank-link-meta{color:var(--text);text-transform:none;letter-spacing:normal;font-size:12px;font-weight:400;display:block}.bank-link-cell{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.bank-link-top{align-items:center;gap:10px;display:flex}.bank-link-actions{gap:6px;display:flex}