:root{color:#182033;--bg:#f7f8fa;--surface:#fff;--surface-soft:#f8fafc;--surface-muted:#eef2f7;--border:#dbe3ef;--border-strong:#d6dce6;--text:#111827;--text-soft:#182033;--muted:#667085;--accent:#1f6feb;--accent-soft:#e8f0ff;--danger:#b42318;--success:#047857;--warning:#b54708;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f8fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color:#d9e4f4;--bg:#0b1120;--surface:#111827;--surface-soft:#162033;--surface-muted:#223049;--border:#26364f;--border-strong:#33435f;--text:#f8fafc;--text-soft:#d9e4f4;--muted:#9aa8bd;--accent:#60a5fa;--accent-soft:#172554;--danger:#f87171;--success:#34d399;--warning:#fbbf24;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b1120}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{border:1px solid var(--border-strong);background:var(--surface);min-height:38px;color:var(--text-soft);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;font-weight:700;transition:border-color .16s,background .16s,transform .16s;display:inline-flex}button:hover:not(:disabled){background:var(--surface-soft);border-color:#94a3b8;transform:translateY(-1px)}button:disabled{cursor:wait;opacity:.55}.loading{min-height:100vh;color:var(--muted);place-items:center;font-size:15px;display:grid}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:min(100%,380px);padding:24px;box-shadow:0 18px 40px #0f172a14}.login-panel h1{color:var(--text);margin:18px 0 0;font-size:24px}.login-panel p{color:var(--muted);margin:8px 0 18px;font-size:14px;line-height:1.45}.login-panel input{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:42px;color:var(--text);border-radius:7px;padding:0 12px}.primary-login{color:#fff;background:#1f6feb;border:0;width:100%;margin-top:12px}.insight-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:24px 0 56px}.topbar{justify-content:space-between;align-items:center;gap:18px;padding:8px 0 12px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.brand strong,.brand span{display:block}.brand strong{color:var(--text);font-size:15px}.brand span,.muted{color:var(--muted);font-size:13px}.button-grid{flex-wrap:wrap;gap:8px;display:flex}.topbar-menu{flex:none;position:relative}.topbar-menu summary{border:1px solid var(--border-strong);background:var(--surface);width:38px;min-height:38px;color:var(--text-soft);cursor:pointer;border-radius:7px;place-items:center;list-style:none;transition:border-color .16s,background .16s,transform .16s;display:grid}.topbar-menu summary::-webkit-details-marker{display:none}.topbar-menu summary:hover{background:var(--surface-soft);border-color:#94a3b8;transform:translateY(-1px)}.topbar-menu[open] summary{border-color:var(--accent)}.topbar-menu-panel{z-index:20;border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:6px;min-width:172px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px #0f172a24}.topbar-menu-panel button{background:0 0;border-color:#0000;justify-content:flex-start;width:100%;padding:0 10px}.page-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.page-nav button{border-color:var(--border);background:var(--surface);min-width:0;min-height:58px;color:var(--text);justify-content:flex-start;padding:8px 12px;font-size:13px}.page-nav button span,.page-nav button strong,.page-nav button small{min-width:0;display:block}.page-nav button strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-nav button small{color:var(--muted);text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:800}.page-nav button.active{border-color:var(--accent);background:var(--accent);color:#fff}.page-nav button.active small{color:#ffffffc7}.banner{border:1px solid var(--border);background:var(--surface);color:var(--text-soft);border-radius:8px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;font-size:13px;display:flex}.banner.danger{color:#991b1b;background:#fff5f5;border-color:#fecaca}.summary-band{border:1px solid var(--border);background:var(--border);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.metric{background:var(--surface);min-width:0;padding:18px}.metric span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:750;display:block}.metric strong{color:var(--text);letter-spacing:0;margin-top:8px;font-size:clamp(22px,3vw,34px);display:block}.metric small{color:var(--muted);align-items:center;gap:3px;margin-top:6px;font-size:13px;display:inline-flex}.positive{color:var(--success)!important}.negative{color:var(--danger)!important}.overview-actions{grid-template-columns:minmax(280px,420px);gap:18px;margin-top:18px;display:grid}.plaid-panel,.data-section{border:1px solid var(--border);background:var(--surface);border-radius:8px}.plaid-panel{padding:18px}.section-header{gap:4px;margin-bottom:14px;display:grid}.section-header h2,.data-section h2{color:var(--text);margin:0;font-size:16px}.section-header p{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.mini-list{gap:8px;display:grid}.plaid-panel{align-self:start}.plaid-panel .button-grid button{flex:120px}.mini-list{margin-top:12px}.mini-list button{justify-content:flex-start;width:100%}.detail-grid,.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.data-section{min-height:180px;padding:16px}.data-section h2{margin-bottom:12px}.analytics-panel .section-header{margin-bottom:16px}.transaction-edit-form label,.transaction-card-edit label{min-width:0;color:var(--muted);text-transform:uppercase;gap:5px;font-size:12px;font-weight:800;display:grid}.transaction-edit-form input,.transaction-edit-form select,.transaction-card-edit input,.transaction-card-edit select{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:38px;color:var(--text);font:inherit;text-transform:none;border-radius:7px;padding:8px 10px;font-size:13px}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.bar-list{gap:12px;display:grid}.bar-row{grid-template-columns:minmax(130px,.5fr) minmax(0,1fr);align-items:center;gap:14px;display:grid}.bar-row strong,.bar-row span{display:block}.bar-row strong{color:var(--text);font-size:14px}.bar-row span{color:var(--muted);margin-top:3px;font-size:12px}.bar-track{background:var(--surface-muted);border-radius:999px;height:12px;overflow:hidden}.bar-track div{border-radius:inherit;background:var(--accent);height:100%}.compact-table-wrap,.transaction-table-wrap{overflow-x:auto}.compact-table,.transaction-table{border-collapse:collapse;width:100%}.compact-table th,.compact-table td,.transaction-table th,.transaction-table td{border-top:1px solid var(--surface-muted);text-align:left;vertical-align:top;padding:10px 8px}.compact-table th,.transaction-table th{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.compact-table td,.transaction-table td{color:var(--text-soft);font-size:13px}.compact-table td:last-child,.transaction-table td:last-child,.transaction-table th:last-child{text-align:right;white-space:nowrap}.spending-review{gap:14px;margin-top:18px;display:grid}.spending-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.spending-toolbar{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;padding:16px;display:grid}.spending-toolbar h2{color:var(--text);margin:8px 0 0;font-size:22px}.segmented-control{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;grid-auto-flow:column;gap:4px;padding:4px;display:inline-grid}.segmented-control button{min-height:34px;color:var(--muted);background:0 0;border:0;padding:0 12px}.segmented-control button.active{background:var(--accent-soft);color:var(--accent)}.category-review-layout{gap:16px;display:grid}.spending-trend-panel{gap:14px;display:grid}.trend-header{grid-template-columns:minmax(0,1fr) minmax(180px,240px);align-items:start;gap:16px;display:grid}.trend-header .section-header{margin-bottom:0}.trend-header label{min-width:0;color:var(--muted);text-transform:uppercase;gap:5px;font-size:11px;font-weight:800;display:grid}.trend-header select{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:38px;color:var(--text);font:inherit;text-transform:none;border-radius:7px;padding:8px 10px;font-size:13px}.trend-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.trend-chart-wrap{border:1px solid var(--surface-muted);background:var(--surface-soft);border-radius:8px;overflow:hidden}.trend-chart{width:100%;height:220px;display:block}.trend-grid-line{stroke:var(--surface-muted);stroke-width:1px}.trend-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.trend-line.spending,.trend-dot.spending,.trend-legend i.spending{stroke:var(--danger);background:var(--danger)}.trend-line.income,.trend-dot.income,.trend-legend i.income{stroke:var(--success);background:var(--success)}.trend-line.debt,.trend-dot.debt,.trend-legend i.debt{stroke:var(--warning);background:var(--warning)}.trend-line.debt{stroke-dasharray:8 8}.trend-dot{fill:var(--surface);stroke-width:3px}.trend-month-label{fill:var(--muted);font-size:12px;font-weight:800}.trend-legend{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:12px;font-weight:800;display:flex}.trend-legend span{align-items:center;gap:6px;display:inline-flex}.trend-legend i{border-radius:999px;width:10px;height:10px}.category-bars{gap:10px;display:grid}.category-bar-row{border:1px solid var(--surface-muted);background:var(--surface-soft);text-align:left;border-radius:8px;grid-template-columns:minmax(140px,.7fr) minmax(160px,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.category-bar-row span,.category-bar-row strong{min-width:0}.category-bar-row span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.category-bar-row strong{color:var(--text);text-align:right;font-size:13px}.category-bar-track{background:var(--surface-muted);border-radius:999px;width:100%;height:10px;overflow:hidden}.category-bar-fill{border-radius:inherit;background:var(--accent);height:100%}.category-review-panel{min-height:0}.category-review-panel .compact-table td:first-child{color:var(--text);font-weight:750}.category-review-panel .compact-table td:nth-child(2),.category-review-panel .compact-table th:nth-child(2),.category-review-panel .compact-table td:nth-child(5),.category-review-panel .compact-table th:nth-child(5){text-align:right}.recurring-expense-panel:not(.compact){margin-top:18px}.recurring-simple-summary{grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.recurring-simple-summary article{border:1px solid var(--surface-muted);background:var(--surface-soft);border-radius:8px;min-width:0;padding:12px}.recurring-simple-summary span{color:var(--muted);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:800;display:block;overflow:hidden}.recurring-simple-summary strong{color:var(--text);letter-spacing:0;margin-top:5px;font-size:22px;display:block}.recurring-simple-summary small{color:var(--muted);margin-top:3px;font-size:11px;font-weight:750;display:block}.recurring-half-grid{gap:12px;display:grid}.recurring-half{border-top:1px solid var(--surface-muted);padding-top:14px}.recurring-half header{justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:8px;display:flex}.recurring-half h3{color:var(--text);margin:0;font-size:15px}.recurring-half header span{color:var(--muted);text-transform:uppercase;margin-top:2px;font-size:12px;font-weight:800;display:block}.recurring-half header strong{color:var(--text);white-space:nowrap;font-size:20px}.recurring-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.recurring-summary-grid article,.recurring-category-strip article{border:1px solid var(--surface-muted);background:var(--surface-soft);border-radius:8px;min-width:0;padding:10px 12px}.recurring-summary-grid span,.recurring-category-strip span{color:var(--muted);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:800;display:block;overflow:hidden}.recurring-summary-grid strong,.recurring-category-strip strong{color:var(--text);letter-spacing:0;margin-top:5px;font-size:18px;display:block}.recurring-summary-grid small{color:var(--muted);margin-top:3px;font-size:11px;font-weight:750;display:block}.recurring-category-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.recurring-table td:first-child strong,.recurring-table td:first-child span{min-width:0;display:block}.recurring-table td:first-child strong{color:var(--text);font-size:13px}.recurring-table td:first-child span{color:var(--muted);margin-top:3px;font-size:12px}.status-pill{border:1px solid var(--border);background:var(--surface-soft);min-width:74px;color:var(--muted);text-transform:uppercase;border-radius:999px;justify-content:center;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.status-pill.confirmed{color:var(--success);background:#04785714;border-color:#04785747}.status-pill.detected{color:var(--warning);background:#b5470814;border-color:#b5470847}.status-pill.ignored{opacity:.7}.table-note{margin:10px 0 0}.transactions-view{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-top:18px}.transaction-hero{border-bottom:1px solid var(--surface-muted);background:linear-gradient(180deg, var(--surface) 0%, var(--surface-soft) 100%);grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);align-items:end;gap:18px;padding:18px;display:grid}.transaction-heading{min-width:0}.eyebrow{color:var(--muted);text-transform:uppercase;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.transaction-heading h2{color:var(--text);margin:8px 0 0;font-size:24px}.transaction-heading p{max-width:640px;color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.45}.transaction-page-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.stat-pill{border:1px solid var(--border);background:var(--surface);border-radius:7px;min-width:0;padding:10px 11px}.stat-pill span,.stat-pill strong{display:block}.stat-pill span{color:var(--muted);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.stat-pill strong{color:var(--text);margin-top:5px;font-size:15px}.transaction-toolbar{border-bottom:1px solid var(--surface-muted);justify-content:space-between;align-items:flex-end;gap:16px;padding:16px;display:flex}.transaction-filter-summary{gap:3px;min-width:0;display:grid}.transaction-filter-summary strong{color:var(--text);font-size:14px}.transaction-filter-summary span{color:var(--muted);font-size:13px}.transaction-filters{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.transaction-filters label{border:1px solid var(--border-strong);background:var(--surface);min-height:38px;color:var(--muted);border-radius:7px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.transaction-filters label:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #1f6feb1f}.editing-row td{background:var(--surface-soft)}.transaction-edit-form{grid-template-columns:1.2fr 1fr .7fr 1.2fr auto;align-items:end;gap:10px;display:grid}.transaction-card-edit{gap:10px;width:100%;display:grid}.compact-button{justify-content:center;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:12px;display:inline-flex}.transaction-filters select,.transaction-filters input{min-height:36px;color:var(--text-soft);background:0 0;border:0;outline:none;font-size:13px}.transaction-filters input{width:min(320px,36vw);padding:0}.search-field{min-width:min(360px,42vw)}.transaction-table{min-width:920px}.transaction-table tbody tr:hover{background:var(--surface-soft)}.transaction-table strong,.transaction-table span{display:block}.transaction-table strong{color:var(--text);font-size:13px}.transaction-table span{color:var(--muted);margin-top:3px;font-size:12px}.category-chip,.kind-chip{white-space:nowrap;border-radius:999px;align-items:center;min-height:26px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.category-chip{border:1px solid var(--border-strong);background:var(--surface-soft);color:var(--text-soft);padding:0 9px}.kind-chip{color:#1849a9;text-transform:capitalize;background:#eef4ff;border:1px solid #c7d7fe;padding:0 8px}.kind-chip.income{color:#047857;background:#ecfdf3;border-color:#b7e4c7}.kind-chip.expense,.kind-chip.debt_payment{color:#b54708;background:#fff7ed;border-color:#fed7aa}.kind-chip.transfer,.kind-chip.investment{color:#6941c6;background:#f5f3ff;border-color:#c4b5fd}:root[data-theme=dark] .banner.danger{color:#fecaca;background:#2a1215;border-color:#7f1d1d}:root[data-theme=dark] .kind-chip{color:#bfdbfe;background:#172554;border-color:#1d4ed8}:root[data-theme=dark] .kind-chip.income{color:#a7f3d0;background:#052e22;border-color:#047857}:root[data-theme=dark] .kind-chip.expense,:root[data-theme=dark] .kind-chip.debt_payment{color:#fed7aa;background:#2d1b0b;border-color:#b45309}:root[data-theme=dark] .kind-chip.transfer,:root[data-theme=dark] .kind-chip.investment{color:#ddd6fe;background:#25164c;border-color:#7c3aed}.positive-amount{font-weight:800;color:var(--success)!important}.negative-amount{font-weight:800;color:var(--danger)!important}.empty-cell{height:90px;text-align:center!important;color:var(--muted)!important}.transaction-card-list{display:none}.transaction-card-empty{min-height:90px;color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.pagination-row{border-top:1px solid var(--surface-muted);color:var(--muted);justify-content:flex-end;align-items:center;gap:12px;padding:14px 16px;font-size:13px;display:flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=860px){.insight-shell{width:min(100% - 24px,1180px);padding-top:14px}.overview-actions{grid-template-columns:1fr}.topbar{gap:12px}.summary-band,.detail-grid,.analytics-grid,.spending-summary,.spending-toolbar,.trend-header,.trend-stats,.category-bar-row,.recurring-simple-summary,.recurring-summary-grid,.recurring-category-strip,.transaction-edit-form{grid-template-columns:1fr}.button-grid button{flex:140px}.page-nav button{flex:1 1 0}.page-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented-control{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;width:100%}.bar-row{grid-template-columns:1fr;gap:6px}.transaction-hero{grid-template-columns:1fr;padding:16px}.transaction-page-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.transaction-toolbar{flex-direction:column;align-items:stretch}.transaction-filters{justify-content:stretch}.transaction-filters label,.search-field,.transaction-filters input{width:100%}.transaction-table-wrap{display:none}.transaction-card-list{display:grid}.transaction-card{border-top:1px solid var(--surface-muted);grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding:14px 16px;display:grid}.transaction-card strong,.transaction-card p,.transaction-date{display:block}.transaction-card strong{color:var(--text);margin-top:4px;font-size:14px}.transaction-card p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.35}.transaction-date{color:var(--muted);font-size:12px;font-weight:800}.transaction-card-amount{justify-items:end;gap:6px;display:grid}.transaction-card-amount b{color:var(--text);white-space:nowrap;font-size:14px}.transaction-card-meta{color:var(--muted);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:7px;font-size:12px;display:flex}.pagination-row{justify-content:space-between}}
