:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f4f5f0;--surface:#fff;--surface-soft:#f8f9f6;--surface-strong:#e8ede8;--text:#17201d;--text-muted:#5b6762;--text-soft:#7a8580;--border:#dce2dc;--border-strong:#c7d0c9;--primary:#163c35;--primary-hover:#0e302a;--primary-soft:#dceae5;--income:#237866;--income-soft:#d9eee8;--expense:#b05245;--expense-soft:#f5e1dc;--warning:#98621a;--warning-soft:#f8e9c9;--focus:#2f7ed8;--shadow-sm:0 1px 2px #17201d0f, 0 3px 12px #17201d0a;--shadow-md:0 16px 44px #17201d24;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--sidebar-width:252px;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{background:var(--bg);min-width:320px;min-height:100dvh;color:var(--text);margin:0}body,button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--focus) 34%, transparent);outline-offset:2px}.skip-link{z-index:3000;background:var(--text);color:var(--surface);border-radius:8px;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.app-shell{min-height:100dvh}.auth-screen{background:radial-gradient(circle at 15% 10%, var(--primary-soft), transparent 34%), radial-gradient(circle at 88% 86%, var(--income-soft), transparent 30%), var(--bg);place-items:center;min-height:100dvh;padding:32px 16px;display:grid}.auth-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface) 96%, transparent);width:min(440px,100%);box-shadow:var(--shadow-md);padding:clamp(24px,6vw,40px)}.auth-card>.brand{border-bottom:1px solid var(--border);padding-bottom:28px}.auth-intro{margin:30px 0 24px}.auth-intro h1{letter-spacing:-.045em;margin:8px 0 10px;font-size:clamp(28px,7vw,38px);line-height:1.04}.auth-intro>p:last-child{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.auth-icon{background:var(--primary-soft);width:48px;height:48px;color:var(--primary);border-radius:14px;place-items:center;margin-bottom:18px;display:grid}.auth-icon svg{width:22px;height:22px}.auth-form{gap:16px;display:grid}.auth-form .form-error{margin:0}.auth-footnote{color:var(--text-muted);align-items:flex-start;gap:8px;margin:22px 0 0;font-size:11px;line-height:1.5;display:flex}.auth-footnote svg{width:15px;height:15px;color:var(--income);flex:none;margin-top:1px}.auth-loading{color:var(--text-muted);justify-items:center;gap:18px;font-size:13px;display:grid}.auth-loading>.brand{width:100%}.auth-loading>svg{width:28px;height:28px;color:var(--primary)}.sidebar{z-index:30;width:var(--sidebar-width);border-right:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);flex-direction:column;padding:28px 20px 24px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{background:var(--primary);color:#fff;border-radius:14px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 6px 16px #163c352e}.brand-mark svg{stroke-width:1.8px;width:23px;height:23px}.brand>div{gap:2px;min-width:0;display:grid}.brand strong{letter-spacing:-.02em;font-size:17px;line-height:1.2}.brand span:not(.brand-mark){color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.side-nav{gap:6px;margin-top:44px;display:grid}.nav-button{min-height:48px;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:0 14px;font-size:14px;font-weight:650;transition:background .18s,color .18s;display:flex}.nav-button svg{stroke-width:1.8px;width:21px;height:21px}.nav-button:hover{background:var(--surface-soft);color:var(--text)}.nav-button.active{background:var(--primary-soft);color:var(--primary)}.button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 17px;font-size:14px;font-weight:700;line-height:1;text-decoration:none;transition:background .18s,border-color .18s,color .18s,opacity .18s;display:inline-flex}.button svg{stroke-width:2px;flex:none;width:19px;height:19px}.button:disabled{cursor:not-allowed;opacity:.48}.button-primary{background:var(--primary);color:#fff;box-shadow:0 5px 14px #163c3521}.button-primary:hover:not(:disabled){background:var(--primary-hover)}.button-secondary{border-color:var(--border-strong);background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.button-secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.button-danger,.button-danger-secondary{border-color:var(--expense)}.button-danger{background:var(--expense);color:#fff;box-shadow:0 5px 14px color-mix(in srgb, var(--expense) 20%, transparent)}.button-danger:hover:not(:disabled){background:color-mix(in srgb, var(--expense) 86%, black)}.button-danger-secondary{background:var(--surface);color:var(--expense);margin-right:auto}.button-danger-secondary:hover:not(:disabled){background:var(--expense-soft)}.button-full{width:100%}.sidebar-add{margin-top:22px}.privacy-note{border:1px solid var(--border);background:var(--surface-soft);border-radius:14px;align-items:flex-start;gap:10px;margin-top:auto;padding:14px;display:flex}.privacy-note>svg{width:18px;height:18px;color:var(--income);flex:none;margin-top:1px}.privacy-note div{gap:3px;display:grid}.privacy-note strong{font-size:12px}.privacy-note span{color:var(--text-muted);font-size:11px;line-height:1.45}.account-note{align-items:center}.account-logout{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;margin-left:auto;display:grid}.account-logout:hover{border-color:var(--primary);color:var(--primary)}.account-logout svg{width:15px;height:15px}.mobile-header-actions{gap:8px;display:flex}.main-content{width:calc(100% - var(--sidebar-width));max-width:1500px;min-height:100dvh;margin-left:var(--sidebar-width);padding:44px clamp(28px,4.2vw,68px) 72px}.mobile-header,.mobile-nav{display:none}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-heading>div{min-width:0}.eyebrow,.section-kicker{color:var(--income);letter-spacing:.13em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:800}.page-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(28px,3vw,42px);line-height:1.06}.page-heading>div>p:last-child{color:var(--text-muted);margin:10px 0 0;font-size:15px}.period-tabs{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:13px;gap:4px;margin-bottom:22px;padding:4px;display:inline-flex}.period-tabs button{min-width:84px;min-height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 16px;font-size:13px;font-weight:700;transition:background .18s,color .18s}.period-tabs button.active{background:var(--primary);color:#fff}.period-tabs.with-month-filter{margin-bottom:10px}.overview-month-filter{border:1px solid var(--border);background:var(--surface);width:fit-content;box-shadow:var(--shadow-sm);border-radius:13px;grid-template-columns:auto minmax(190px,230px) auto;align-items:end;gap:8px;margin-bottom:22px;padding:7px;display:grid}.month-step-button{background:var(--surface-soft);min-height:46px;color:var(--text-muted);cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:0 13px;font-size:12px;font-weight:700;transition:background .18s,color .18s;display:inline-flex}.month-step-button:hover{background:var(--primary-soft);color:var(--primary)}.month-step-button svg{flex:none;width:18px;height:18px}.overview-month-picker{gap:4px;min-width:0;display:grid}.overview-month-picker>span{color:var(--text-muted);font-size:10px;font-weight:700}.overview-month-picker input{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-width:0;height:46px;color:var(--text);cursor:pointer;border-radius:9px;padding:0 11px;font-size:13px;font-weight:650}input[type=month]{cursor:pointer}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.metric-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);padding:20px}.metric-top{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:650;display:flex}.metric-icon{background:var(--surface-strong);width:34px;height:34px;color:var(--text-muted);border-radius:10px;place-items:center;display:grid}.metric-icon svg{stroke-width:2px;width:18px;height:18px}.metric-card.expense .metric-icon{background:var(--expense-soft);color:var(--expense)}.metric-card.income .metric-icon,.metric-card.balance .metric-icon{background:var(--income-soft);color:var(--income)}.metric-card.warning .metric-icon{background:var(--warning-soft);color:var(--warning)}.metric-card>strong{font-variant-numeric:tabular-nums;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;margin-top:15px;font-size:clamp(23px,2vw,31px);display:block;overflow:hidden}.metric-card>small{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:12px;display:block;overflow:hidden}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(290px,.85fr);gap:20px;margin-top:20px;display:grid}.panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm)}.flow-panel,.category-panel{min-height:370px;padding:22px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-heading h2{letter-spacing:-.025em;margin:0;font-size:18px}.planning-panel{margin-top:20px;padding:22px;overflow:hidden}.planning-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.planning-title{align-items:flex-start;gap:13px;min-width:0;display:flex}.planning-icon{background:var(--primary-soft);width:42px;height:42px;color:var(--primary);border-radius:12px;flex:0 0 42px;place-items:center;display:grid}.planning-icon svg{width:21px;height:21px}.planning-title h2{letter-spacing:-.025em;margin:1px 0 5px;font-size:19px}.planning-title>div>p:last-child{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.planning-controls{flex:none;align-items:flex-end;gap:10px;display:flex}.month-picker{gap:5px;display:grid}.month-picker>span{color:var(--text-muted);font-size:10px;font-weight:700}.month-picker input{border:1px solid var(--border-strong);background:var(--surface);min-width:164px;height:46px;color:var(--text);cursor:pointer;border-radius:11px;padding:0 11px;font-size:13px}.planning-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 0;display:grid}.planning-summary>div{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;min-width:0;padding:14px 16px}.planning-summary dt{color:var(--text-muted);font-size:11px;font-weight:650}.planning-summary dd{font-variant-numeric:tabular-nums;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;margin:7px 0 0;font-size:19px;font-weight:800;overflow:hidden}.planning-summary .expense dd,.planning-amount.expense{color:var(--expense)}.planning-summary .income dd,.planning-summary .balance dd,.planning-amount.income{color:var(--income)}.planning-list{border:1px solid var(--border);border-radius:12px;margin-top:14px;display:grid;overflow:hidden}.planning-item{border:0;border-top:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;min-height:66px;padding:10px 12px;transition:background .16s;display:grid}.planning-item:first-child{border-top:0}.planning-item:hover{background:var(--surface-soft)}.planning-item>svg{width:18px;height:18px;color:var(--text-soft)}.planning-item-copy{gap:4px;min-width:0;display:grid}.planning-item-copy strong,.planning-item-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.planning-item-copy strong{font-size:13px}.planning-item-copy small{color:var(--text-muted);font-size:10px}.planning-amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}.planning-empty,.planning-error{border:1px dashed var(--border-strong);background:var(--surface-soft);border-radius:12px;align-items:center;gap:12px;min-height:76px;margin-top:16px;padding:13px 14px;display:flex}.planning-empty>svg,.planning-error>svg{width:22px;height:22px;color:var(--primary);flex:none}.planning-empty>div{flex:1;gap:4px;display:grid}.planning-empty strong{font-size:12px}.planning-empty span,.planning-error span{color:var(--text-muted);font-size:11px;line-height:1.45}.planning-loading{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.planning-loading .skeleton{height:72px}.planning-error .text-button{min-height:44px;margin-left:auto}.planning-note{background:var(--surface-soft);color:var(--text-muted);border-radius:10px;align-items:flex-start;gap:8px;margin-top:16px;padding:11px 12px;font-size:11px;line-height:1.45;display:flex}.planning-note svg{width:16px;height:16px;color:var(--primary);flex:none}.chart-legend{color:var(--text-muted);flex-wrap:wrap;justify-content:flex-end;gap:12px;font-size:11px;font-weight:650;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.legend-dot,.category-dot{border-radius:999px;flex:none;width:8px;height:8px;display:inline-block}.legend-dot.income,.category-dot.income{background:var(--income)}.legend-dot.expense,.category-dot.expense{background:var(--expense)}.flow-chart{height:272px;margin-top:22px;padding:6px 4px 28px;position:relative}.chart-grid{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:7px 4px 31px}.chart-grid span{background:var(--border);width:100%;height:1px;display:block}.bar-groups{z-index:1;justify-content:space-around;align-items:stretch;gap:clamp(4px,1vw,14px);height:100%;display:flex;position:relative}.bar-group{text-align:center;flex:1;grid-template-rows:minmax(0,1fr) 22px;gap:8px;min-width:0;display:grid}.bars{justify-content:center;align-items:flex-end;gap:clamp(2px,.45vw,6px);height:100%;display:flex}.bar{border-radius:5px 5px 2px 2px;width:min(13px,38%);min-height:0;transition:height .25s ease-out,opacity .18s;display:block}.bar.income{background:var(--income)}.bar.expense{background:var(--expense)}.bar:hover{opacity:.76}.bar-group small{color:var(--text-soft);font-variant-numeric:tabular-nums;text-transform:capitalize;align-self:end;font-size:10px}.bar-groups.dense,.bar-groups.dense .bars{gap:1px}.category-list{gap:18px;margin-top:24px;display:grid}.category-item{grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;display:grid}.category-item>div:first-child{grid-template-columns:9px minmax(0,auto) 1fr;align-items:center;gap:7px;min-width:0;display:grid}.category-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.category-item small{color:var(--text-soft);font-size:10px}.category-value{font-variant-numeric:tabular-nums;font-size:12px;font-weight:750}.category-track{background:var(--surface-strong);border-radius:999px;grid-column:1/-1;height:6px;overflow:hidden}.category-track span{border-radius:inherit;height:100%;display:block}.category-track .expense{background:var(--expense)}.category-track .income{background:var(--income)}.empty-inline{color:var(--text-muted);margin:40px 0 0;font-size:14px;line-height:1.6}.recent-panel,.transactions-panel{margin-top:20px;overflow:hidden}.recent-panel>.panel-heading,.transactions-panel>.panel-heading{padding:22px 22px 14px}.text-button{min-height:44px;color:var(--primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;padding:0 4px 0 12px;font-size:13px;font-weight:750;display:inline-flex}.text-button svg{width:18px;height:18px}.table-wrap{width:100%;overflow:hidden}table{border-collapse:collapse;table-layout:fixed;width:100%}th,td{border-top:1px solid var(--border);vertical-align:middle;text-align:left;padding:15px 14px}th:first-child,td:first-child{padding-left:22px}th:last-child,td:last-child{width:58px;padding-right:14px}th{color:var(--text-soft);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:800}td{color:var(--text-muted);font-size:12px}tbody tr{transition:background .16s}tbody tr:hover{background:var(--surface-soft)}th:first-child,td:first-child{width:104px}th:nth-child(2),td:nth-child(2){width:31%}.issuer-cell{align-items:center;gap:10px;min-width:0;display:flex}.issuer-cell>div{gap:3px;min-width:0;display:grid}.issuer-cell strong,.issuer-cell small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.issuer-cell strong{color:var(--text);font-size:12px}.issuer-cell small{color:var(--text-soft);font-size:10px}.transaction-icon{border-radius:9px;flex:0 0 31px;place-items:center;width:31px;height:31px;display:grid}.transaction-icon svg{stroke-width:2px;width:16px;height:16px}.transaction-icon.expense{background:var(--expense-soft);color:var(--expense)}.transaction-icon.income{background:var(--income-soft);color:var(--income)}.status-chip{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;min-height:26px;padding:0 8px;font-size:10px;font-weight:750;display:inline-flex}.status-chip svg{width:13px;height:13px}.status-chip.confirmed{background:var(--income-soft);color:color-mix(in srgb, var(--income) 80%, black)}.status-chip.needs_review{background:var(--warning-soft);color:color-mix(in srgb, var(--warning) 82%, black)}.amount-column{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800}td.amount-column.expense{color:var(--expense)}td.amount-column.income{color:var(--income)}.row-action{text-align:right}.icon-button{width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:11px;place-items:center;padding:0;transition:background .16s,color .16s;display:inline-grid}.icon-button:hover:not(:disabled){background:var(--surface-strong);color:var(--text)}.icon-button:disabled{cursor:not-allowed;opacity:.4}.icon-button svg{width:20px;height:20px}.empty-dashboard{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface) 75%, transparent);grid-template-columns:180px minmax(0,480px);justify-content:center;align-items:center;gap:46px;min-height:370px;margin-top:20px;padding:48px;display:grid}.empty-illustration{background:var(--primary-soft);width:180px;height:180px;color:var(--primary);border-radius:50%;place-items:center;display:grid;position:relative}.empty-illustration svg:first-child{stroke-width:1.35px;width:76px;height:76px}.empty-illustration svg:last-child{width:33px;height:33px;color:var(--warning);position:absolute;top:28px;right:24px}.empty-dashboard h2{letter-spacing:-.035em;margin:0;font-size:28px}.empty-dashboard div>p:not(.section-kicker){color:var(--text-muted);margin:12px 0 22px;line-height:1.65}.empty-table{border-top:1px solid var(--border);text-align:center;align-content:center;place-items:center;gap:7px;min-height:250px;padding:32px;display:grid}.empty-table>svg{width:40px;height:40px;color:var(--text-soft);stroke-width:1.4px;margin-bottom:8px}.empty-table strong{font-size:14px}.empty-table span{color:var(--text-muted);font-size:12px}.filter-bar{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:minmax(220px,1fr) 142px 142px 142px auto;align-items:end;gap:12px;padding:16px;display:grid}.filter-bar label{gap:7px;min-width:0;display:grid}.filter-bar label>span,.form-field>span,.type-choice legend{color:var(--text-muted);font-size:11px;font-weight:750}.filter-bar input,.filter-bar select,.form-field input,.form-field select,.form-field textarea,.money-input{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:44px;color:var(--text);border-radius:10px;font-size:14px;transition:border-color .16s,box-shadow .16s}.filter-bar input,.filter-bar select,.form-field input,.form-field select,.form-field textarea{padding:0 12px}.form-field textarea{resize:vertical;min-height:92px;padding-top:11px}.filter-bar input:focus,.filter-bar select:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.money-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.search-field>div{position:relative}.search-field svg{width:18px;height:18px;color:var(--text-soft);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-field input{padding-left:38px}.mobile-export{display:none}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#09110e94;place-items:center;padding:24px;animation:.18s ease-out fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-card{border:1px solid var(--border);background:var(--surface);width:min(100%,520px);max-height:calc(100dvh - 48px);box-shadow:var(--shadow-md);border-radius:22px;animation:.22s ease-out modal-in;overflow-y:auto}.modal-card.wide{width:min(100%,760px)}.modal-card.viewer{width:min(100%,980px);overflow:hidden}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 24px 17px;display:flex}.modal-header h2{letter-spacing:-.03em;margin:0;font-size:22px}.modal-header p{color:var(--text-muted);margin:6px 0 0;font-size:13px;line-height:1.5}.upload-form,.review-form,.manual-entry-form{padding:22px 24px 24px}.drop-zone{border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-soft);width:100%;min-height:205px;color:var(--text);text-align:center;cursor:pointer;align-content:center;place-items:center;gap:8px;padding:24px;transition:border-color .18s,background .18s;display:grid}.drop-zone:hover:not(.is-disabled){border-color:var(--income);background:var(--primary-soft)}.drop-zone:has(input:focus-visible){outline:3px solid color-mix(in srgb, var(--focus) 34%, transparent);outline-offset:2px}.drop-zone.is-disabled{cursor:wait;opacity:.58;pointer-events:none}.drop-zone.has-file{border-style:solid;border-color:color-mix(in srgb, var(--income) 45%, var(--border));background:var(--income-soft)}.drop-zone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.drop-zone strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;overflow:hidden}.drop-zone>span:not(.drop-icon){color:var(--text-muted);font-size:12px}.drop-icon{background:var(--primary);color:#fff;border-radius:17px;place-items:center;width:58px;height:58px;margin-bottom:6px;display:grid;box-shadow:0 8px 20px #163c352b}.drop-zone.has-file .drop-icon{background:var(--income)}.drop-icon svg{stroke-width:1.8px;width:28px;height:28px}.type-choice{border:0;margin:20px 0 0;padding:0}.type-choice legend{margin-bottom:9px}.type-choice>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.type-choice label{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:700;transition:border-color .16s,background .16s,color .16s;display:flex}.type-choice label.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.type-choice input{width:15px;height:15px;accent-color:var(--primary)}.type-choice label svg{width:17px;height:17px}.ai-note,.warning-banner,.success-banner,.original-file{border-radius:12px;align-items:flex-start;gap:11px;margin:16px 0;padding:13px;display:flex}.ai-note{background:var(--surface-soft)}.warning-banner{background:var(--warning-soft);color:color-mix(in srgb, var(--warning) 82%, black);margin-top:0}.success-banner{background:var(--income-soft);color:color-mix(in srgb, var(--income) 82%, black);margin-top:0}.ai-note>svg,.warning-banner>svg,.success-banner>svg,.original-file>svg{flex:none;width:19px;height:19px;margin-top:1px}.ai-note>svg{color:var(--warning)}.ai-note p,.warning-banner div,.success-banner div,.original-file div{gap:3px;min-width:0;margin:0;display:grid}.ai-note strong,.warning-banner strong,.success-banner strong,.original-file strong{font-size:12px}.ai-note span,.warning-banner span,.success-banner span,.original-file span{color:var(--text-muted);font-size:11px;line-height:1.45}.form-error{border-left:3px solid var(--expense);background:var(--expense-soft);color:color-mix(in srgb, var(--expense) 78%, black);border-radius:6px;margin:13px 0;padding:10px 12px;font-size:12px;line-height:1.5}.processing-help{color:var(--text-muted);text-align:center;margin:10px 0 0;font-size:11px}.manual-entry-option{border-top:1px solid var(--border);text-align:center;gap:8px;margin-top:20px;padding-top:18px;display:grid}.manual-entry-option>span{color:var(--text);font-size:13px;font-weight:750}.manual-entry-option>p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.45}.manual-entry-note{background:var(--primary-soft);color:var(--primary);border-radius:12px;align-items:flex-start;gap:11px;margin:0 0 18px;padding:13px;display:flex}.manual-entry-note>svg{flex:none;width:19px;height:19px;margin-top:1px}.manual-entry-note p{gap:3px;margin:0;display:grid}.manual-entry-note strong{font-size:12px}.manual-entry-note span{color:var(--text-muted);font-size:11px;line-height:1.45}.spinner{animation:.9s linear infinite spin}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.full-field{grid-column:1/-1}.review-type{margin:0}.review-type>div{grid-template-columns:repeat(2,minmax(0,1fr))}.form-field{gap:7px;min-width:0;display:grid}.form-field b{color:var(--expense)}.money-input{align-items:center;display:flex;overflow:hidden}.money-input input{font-variant-numeric:tabular-nums;text-align:right;border:0;min-width:0;box-shadow:none!important}.money-input>span{color:var(--text-muted);padding:0 13px 0 8px;font-weight:700}.total-field .money-input{border-color:var(--primary);background:var(--primary-soft)}.total-field .money-input input{background:0 0;font-weight:800}.original-file{border:1px solid var(--border);background:var(--surface-soft);align-items:center;margin:18px 0 0}.original-file div{flex:1}.original-file span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-view-button{min-height:44px;color:var(--primary);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0 7px;font-family:inherit;font-size:12px;font-weight:750}.document-viewer{gap:16px;padding:18px 20px 20px;display:grid}.document-preview-frame,.document-preview-image,.document-viewer-loading{border:1px solid var(--border);background:var(--surface-soft);border-radius:14px;width:100%;height:min(68dvh,760px)}.document-preview-frame{display:block}.document-preview-image{object-fit:contain}.document-viewer-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.document-viewer-error{background:var(--expense-soft);color:var(--expense);border-radius:14px;align-items:flex-start;gap:10px;padding:18px;display:flex}.document-viewer-error>svg{flex:none;width:20px}.document-viewer-error div{gap:4px;display:grid}.document-viewer-error span{color:var(--text-muted);font-size:12px}.document-viewer-actions{justify-content:flex-end;gap:10px;display:flex}.manual-record{color:var(--primary)}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.delete-confirmation{padding:28px 24px 24px}.delete-icon{background:var(--expense-soft);width:52px;height:52px;color:var(--expense);border-radius:15px;place-items:center;margin-bottom:16px;display:grid}.delete-icon svg{width:25px;height:25px}.delete-copy h3{margin:0 0 7px;font-size:18px}.delete-copy p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.55}.delete-summary{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;gap:10px;margin:20px 0 0;padding:14px 16px;display:grid}.delete-summary div{justify-content:space-between;gap:18px;display:flex}.delete-summary dt{color:var(--text-muted);font-size:12px}.delete-summary dd{text-align:right;margin:0;font-size:12px;font-weight:750}.toast{z-index:2000;border:1px solid color-mix(in srgb, var(--income) 35%, var(--border));background:var(--surface);max-width:min(360px,100vw - 32px);min-height:52px;color:var(--text);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;border-radius:13px;align-items:center;gap:9px;padding:12px 16px;font-size:13px;font-weight:650;transition:opacity .18s,transform .22s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(18px)}.toast.visible{opacity:1;transform:translateY(0)}.toast svg{width:19px;height:19px;color:var(--income);flex:none}.error-state{border:1px solid color-mix(in srgb, var(--expense) 30%, var(--border));border-radius:var(--radius-md);background:var(--surface);align-items:center;gap:14px;min-height:150px;padding:24px;display:flex}.error-state>svg{width:28px;height:28px;color:var(--expense);flex:none}.error-state>div{flex:1;gap:4px;display:grid}.error-state strong{font-size:14px}.error-state span{color:var(--text-muted);font-size:12px}.skeleton{border-radius:var(--radius-md);background:linear-gradient(100deg, var(--surface-strong) 25%, var(--surface) 42%, var(--surface-strong) 62%);background-size:260% 100%;animation:1.6s ease-in-out infinite shimmer;overflow:hidden}.metric-skeleton{height:144px}.chart-skeleton{height:370px}.table-skeleton{border-top:1px solid var(--border);gap:1px;display:grid}.table-skeleton .skeleton{border-radius:0;height:62px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-80% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1180px){:root{--sidebar-width:224px}.sidebar{padding-inline:16px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-bar{grid-template-columns:minmax(220px,1fr) repeat(3,130px)}.filter-bar .button{grid-column:1/-1}th:nth-child(3),td:nth-child(3){display:none}}@media (width<=1024px){:root{--sidebar-width:208px}.dashboard-grid{grid-template-columns:1fr}.category-panel{min-height:auto}.category-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}.empty-dashboard{grid-template-columns:140px minmax(0,480px);gap:32px;padding:36px}.empty-illustration{width:140px;height:140px}}@media (width<=767px){.sidebar{display:none}.main-content{width:100%;padding:0 16px calc(94px + env(safe-area-inset-bottom));margin-left:0}.mobile-header{z-index:20;padding:calc(11px + env(safe-area-inset-top)) 16px 11px;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;margin:0 -16px 24px;display:flex;position:sticky;top:0}.brand.compact .brand-mark{border-radius:12px;flex-basis:38px;width:38px;height:38px}.brand.compact strong{font-size:16px}.mobile-nav{z-index:50;height:calc(72px + env(safe-area-inset-bottom));padding:8px 24px env(safe-area-inset-bottom);border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:1fr 74px 1fr;align-items:start;display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -8px 28px #17201d14}.mobile-nav .nav-button{align-content:center;place-items:center;gap:3px;min-height:54px;padding:0;font-size:10px;display:grid}.mobile-nav .nav-button svg{width:21px;height:21px}.mobile-nav .nav-button.active{color:var(--primary);background:0 0}.mobile-add{border:4px solid var(--bg);background:var(--primary);color:#fff;cursor:pointer;border-radius:18px;place-items:center;width:54px;height:54px;margin:-22px auto 0;display:grid;box-shadow:0 8px 24px #163c3545}.mobile-add svg{width:24px;height:24px}.page-heading{align-items:flex-start;margin-bottom:22px}.page-heading h1{font-size:30px}.page-heading>div>p:last-child{font-size:13px;line-height:1.5}.desktop-action{display:none}.period-tabs{grid-template-columns:repeat(3,1fr);display:grid}.period-tabs button{min-width:0}.overview-month-filter{grid-template-columns:88px minmax(0,1fr) 88px;width:100%;margin-bottom:20px;padding:6px}.month-step-button{min-width:0;padding:0 7px;font-size:11px}.overview-month-picker input{padding-inline:8px;font-size:12px}.metric-grid{gap:10px}.metric-card{padding:15px}.metric-card>strong{font-size:22px}.metric-card>small{font-size:10px}.flow-panel,.category-panel{min-height:auto;padding:18px}.planning-panel{padding:18px 16px}.planning-heading,.planning-controls{grid-template-columns:1fr;width:100%;display:grid}.planning-heading{gap:18px}.planning-controls{gap:10px}.month-picker input,.planning-controls .button{width:100%}.planning-summary{gap:8px}.planning-summary>div{padding:12px}.planning-summary dd{font-size:16px}.planning-empty{flex-wrap:wrap;align-items:flex-start}.planning-empty .button{width:100%}.flow-chart{height:245px}.category-list{grid-template-columns:1fr}.recent-panel>.panel-heading,.transactions-panel>.panel-heading{padding:18px 16px 12px}.table-wrap{overflow:visible}table,thead,tbody,tr,th,td{display:block;width:100%!important}thead{display:none}tbody{gap:0;display:grid}tbody tr{border-top:1px solid var(--border);grid-template-columns:1fr auto;gap:5px 14px;padding:15px 52px 15px 16px;display:grid;position:relative}td,td:first-child,td:last-child{border:0;padding:0;display:block}td:before{content:none}td:first-child{color:var(--text-soft);text-align:right;grid-area:1/2;align-self:start;font-size:10px}td:nth-child(2){grid-area:1/1/span 2}td:nth-child(3){display:none}td:nth-child(4){grid-area:3/1;margin:4px 0 0 41px}td:nth-child(5){text-align:right;grid-area:2/2;align-self:start}td.row-action{position:absolute;top:50%;right:4px;transform:translateY(-50%);width:44px!important}.issuer-cell strong{max-width:45vw}.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.search-field,.filter-bar label:nth-child(4),.filter-bar .button{grid-column:1/-1}.mobile-export{display:inline-flex}.empty-dashboard{text-align:center;grid-template-columns:1fr;gap:24px;padding:30px 22px}.empty-illustration{width:120px;height:120px;margin:auto}.empty-illustration svg:first-child{width:60px;height:60px}.empty-dashboard h2{font-size:24px}.modal-backdrop{place-items:end center;padding:0}.modal-card,.modal-card.wide,.modal-card.viewer{width:100%;max-height:calc(94dvh - env(safe-area-inset-top));border-bottom:0;border-left:0;border-right:0;border-radius:22px 22px 0 0}.modal-header{z-index:2;background:var(--surface);padding:19px 16px 14px;position:sticky;top:0}.modal-header h2{font-size:20px}.upload-form,.review-form,.manual-entry-form{padding:18px 16px calc(22px + env(safe-area-inset-bottom))}.drop-zone{min-height:190px}.review-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.modal-actions{grid-template-columns:1fr;display:grid}.modal-actions .button-primary{grid-row:1}.modal-actions .button-danger-secondary{grid-row:3;margin:6px 0 0}.delete-confirmation{padding:24px 16px calc(22px + env(safe-area-inset-bottom))}.delete-confirmation .modal-actions .button-danger{grid-row:1}.toast{right:16px;bottom:calc(88px + env(safe-area-inset-bottom))}.error-state{flex-wrap:wrap;align-items:flex-start}}@media (width<=380px){.main-content{padding-inline:12px}.mobile-header{margin-inline:-12px;padding-inline:12px}.page-heading h1{font-size:27px}.metric-grid{grid-template-columns:1fr}.metric-card{grid-template-columns:1fr auto;display:grid}.metric-card .metric-top{display:contents}.metric-card .metric-icon{grid-area:1/2/span 2}.metric-card>strong{grid-column:1;margin-top:8px}.metric-card>small{grid-column:1/-1}.planning-title{gap:10px}.planning-summary,.planning-loading{grid-template-columns:1fr}.planning-item{grid-template-columns:auto minmax(0,1fr) auto}.planning-item>svg{display:none}.planning-amount{font-size:12px}.period-tabs{width:100%}.overview-month-filter{grid-template-columns:78px minmax(0,1fr) 78px;gap:5px}.month-step-button{gap:2px;padding-inline:3px;font-size:10px}.month-step-button svg{width:15px;height:15px}.filter-bar{grid-template-columns:1fr}.search-field,.filter-bar label:nth-child(4),.filter-bar .button{grid-column:auto}.type-choice>div{grid-template-columns:1fr}.review-type>div{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-legend{display:none}.original-file{flex-wrap:wrap}.file-view-button{text-align:left;width:100%;padding-left:30px}.document-viewer{padding:12px 12px calc(14px + env(safe-area-inset-bottom))}.document-preview-frame,.document-preview-image,.document-viewer-loading{height:66dvh}.document-viewer-actions{justify-content:stretch}.document-viewer-actions .button{flex:1}}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111815;--surface:#18211e;--surface-soft:#1d2824;--surface-strong:#28342f;--text:#edf3ef;--text-muted:#b0bcb6;--text-soft:#899790;--border:#30403a;--border-strong:#42534c;--primary:#9dcbbb;--primary-hover:#b1d8ca;--primary-soft:#243f36;--income:#70c1a9;--income-soft:#203c34;--expense:#ec9b8d;--expense-soft:#432b27;--warning:#edbc6d;--warning-soft:#44351d;--focus:#75aef0;--shadow-sm:0 1px 2px #00000040;--shadow-md:0 18px 48px #00000070}.button-primary,.period-tabs button.active,.mobile-add{color:#10251e;background:#b4ddcf}.button-primary:hover:not(:disabled){background:#c3e8dc}.brand-mark,.drop-icon{color:#10251e;background:#b4ddcf}.status-chip.confirmed,.success-banner{color:#b7eadb}.status-chip.needs_review,.warning-banner{color:#f4d399}.form-error{color:#ffc3b8}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}