:root{color:#1d2a24;font-synthesis:none;background:#f4f4ef;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh;padding-left:220px}.side-nav{z-index:2;background:#fbfcfa;border-right:1px solid #daddd4;flex-direction:column;gap:6px;width:220px;padding:32px 16px;display:flex;position:fixed;inset:0 auto 0 0}.side-nav:before{color:#1d4c35;content:"Expenses";letter-spacing:-.04em;margin:0 10px 22px;font-size:1.1rem;font-weight:800}.side-nav a{color:#526b5d;border-radius:7px;padding:10px 12px;font-size:.9rem;font-weight:700;text-decoration:none}.side-nav a:hover{color:#1d4c35;background:#edf5ee}.side-nav a.active{color:#fff;background:#1d4c35}.user-menu{margin-top:auto;padding:10px}.sign-in-page{place-items:center;min-height:100vh;padding:24px;display:grid}.sign-in-card{background:#fff;border:1px solid #daddd4;border-radius:16px;width:min(460px,100%);padding:32px;box-shadow:0 18px 48px #1f34281a}.sign-in-card h1{font-size:clamp(2rem,6vw,3rem)}.sign-in-card p:not(.eyebrow){color:#526b5d;margin:16px 0 24px;line-height:1.5}.sign-in-card button{color:#fff;cursor:pointer;font:inherit;background:#1d4c35;border:0;border-radius:8px;padding:11px 16px;font-weight:700}main{width:min(1280px,100% - 32px);margin:0 auto;padding:56px 0}header{margin-bottom:28px}.eyebrow{color:#5a7367;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.75rem;font-weight:700}h1{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,5vw,3.5rem)}h2{letter-spacing:-.03em;margin:0;font-size:1.35rem}.summary{color:#617066;margin:10px 0 0}.open-import-button,.close-button{cursor:pointer;font:inherit;border:0;font-weight:700}.open-import-button{color:#fff;background:#1d4c35;border-radius:8px;margin-top:22px;padding:11px 16px}.filter-bar{background:#fff;border:1px solid #daddd4;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;padding:12px 14px;display:flex}.filter-chips,.filter-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.add-filter-wrap{position:relative}.add-filter-button{color:#1d4c35;cursor:pointer;font:inherit;background:#edf5ee;border:1px solid #b7c8ba;border-radius:7px;padding:8px 11px;font-weight:700}.filter-chip{color:#365244;white-space:nowrap;background:#edf0ea;border-radius:999px;align-items:center;gap:7px;padding:7px 7px 7px 10px;font-size:.8rem;display:inline-flex}.filter-chip button{color:#526b5d;cursor:pointer;width:18px;height:18px;font:inherit;background:#d5ddd5;border:0;border-radius:50%;padding:0;line-height:1}.filter-popover{z-index:5;background:#fff;border:1px solid #cbd6cc;border-radius:10px;width:280px;padding:10px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 30px #1f34282e}.filter-popover>p,.filter-form>p{color:#647268;letter-spacing:.08em;text-transform:uppercase;margin:4px 6px 8px;font-size:.72rem;font-weight:700}.filter-popover>button:not(.back-filter-button),.filter-form{width:100%}.filter-popover>button:not(.back-filter-button){color:#26372d;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:6px;padding:9px 10px}.filter-popover>button:not(.back-filter-button):hover{background:#edf5ee}.back-filter-button{color:#35604b;cursor:pointer;font:inherit;background:0 0;border:0;margin:0 0 8px;padding:0 6px;font-size:.8rem;text-decoration:underline}.filter-form{gap:10px;padding:2px 6px 6px;display:grid}.filter-form input,.filter-form select{color:#26372d;width:100%;min-height:36px;font:inherit;background:#fff;border:1px solid #c9d3ca;border-radius:6px;padding:7px 8px}.filter-form label{color:#526b5d;gap:4px;font-size:.78rem;display:grid}.time-mode-tabs{gap:4px;display:flex}.time-mode-tabs button{color:#526b5d;cursor:pointer;font:inherit;background:#fff;border:1px solid #c9d3ca;border-radius:5px;flex:1;padding:6px;font-size:.75rem}.time-mode-tabs button.active{color:#fff;background:#1d4c35;border-color:#1d4c35}.category-checklist{border:1px solid #e1e6df;border-radius:6px;gap:5px;max-height:200px;padding:4px;display:grid;overflow-y:auto}.category-checklist label{color:#26372d;align-items:center;gap:7px;display:flex}.category-checklist input{width:auto;min-height:auto}.apply-filter-button{color:#fff;cursor:pointer;font:inherit;background:#1d4c35;border:0;border-radius:6px;justify-self:end;padding:8px 12px;font-weight:700}.filter-error{color:#aa3b30}.filter-controls{justify-content:flex-end}.clear-filters{color:#35604b;cursor:pointer;min-height:34px;font:inherit;background:0 0;border:0;padding:6px 10px;font-weight:700;text-decoration:underline}.dashboard-header{margin-bottom:20px}.dashboard-period{background:#fff;border:1px solid #daddd4;border-radius:12px;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:24px;padding:14px;display:flex}.dashboard-period label,.custom-period label{color:#647268;letter-spacing:.05em;text-transform:uppercase;gap:5px;font-size:.72rem;font-weight:700;display:grid}.dashboard-period select,.dashboard-period input{color:#26372d;min-height:36px;font:inherit;text-transform:none;background:#fff;border:1px solid #c9d3ca;border-radius:6px;padding:7px 8px}.custom-period{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.custom-period button,.view-history-button{color:#1d4c35;cursor:pointer;min-height:36px;font:inherit;background:#edf5ee;border:1px solid #b7c8ba;border-radius:7px;padding:7px 11px;font-weight:700}.view-history-button{color:#fff;background:#1d4c35;border-color:#1d4c35;margin-left:auto}.summary-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.summary-cards article,.chart-card{background:#fff;border:1px solid #daddd4;border-radius:12px;padding:20px}.summary-cards span{color:#647268;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:.75rem;font-weight:700;display:block}.summary-cards strong{letter-spacing:-.04em;font-size:clamp(1.25rem,3vw,2rem)}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.chart-card h2{margin-bottom:14px;font-size:1rem}.chart-card-wide{grid-column:1/-1}.chart-empty{color:#617066;place-items:center;min-height:280px;margin:0;display:grid}.chart-tooltip{background:#fff;border:1px solid #cbd6cc;border-radius:7px;gap:4px;padding:10px;font-size:.8rem;display:grid;box-shadow:0 6px 18px #1f34281f}.chart-tooltip span{color:#526b5d}.chart-list{gap:4px;display:grid}.chart-list button{color:#35483d;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;grid-template-columns:10px 1fr auto;align-items:center;gap:7px;padding:5px 0;display:grid}.chart-list button:hover{color:#1d4c35;text-decoration:underline}.chart-list i{border-radius:50%;width:9px;height:9px}.chart-list span{color:#526b5d;font-size:.8rem}.import-panel,.preview{margin-bottom:28px}.import-panel{background:#dfeee5;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.import-panel p{color:#526b5d;margin:8px 0 0}.file-button,.import-button,.override-button{cursor:pointer;font:inherit;border:0;font-weight:700}.file-button{color:#fff;white-space:nowrap;background:#1d4c35;border-radius:8px;padding:11px 16px;display:inline-flex}.file-button input{display:none}.import-button:disabled{cursor:not-allowed;opacity:.6}.file-button:has(input:disabled){cursor:not-allowed;opacity:.6}.preview{padding-top:6px}.preview-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.import-button{color:#fff;background:#1d4c35;border-radius:8px;padding:11px 16px}.import-summary{color:#617066;margin:0 0 16px}.modal-backdrop{z-index:10;background:#141f198a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.import-modal{background:#f4f4ef;border-radius:16px;flex-direction:column;width:min(1440px,100%);max-height:min(860px,100vh - 48px);padding:28px;display:flex;overflow:auto;box-shadow:0 24px 80px #00000042}.modal-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}.close-button{color:#526b5d;background:0 0;padding:8px 0;text-decoration:underline}.table-wrap{background:#fff;border:1px solid #daddd4;border-radius:12px;overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.875rem}th,td{text-align:left;border-bottom:1px solid #edf0ea;padding:14px 16px}th{color:#647268;letter-spacing:.08em;text-transform:uppercase;background:#fbfcfa;font-size:.7rem}.sort-header{color:inherit;cursor:pointer;font:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border:0;padding:0}.sort-header:hover{color:#1d4c35}.sort-header:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid #1d4c35}tbody tr:last-child td{border-bottom:0}.merchant{white-space:normal;min-width:260px}.expense{color:#aa3b30;font-weight:700}.income{color:#16704a;font-weight:700}.status{color:#617066;background:#fff;border:1px solid #daddd4;border-radius:12px;padding:28px}.error{color:#aa3b30;border-color:#f0b7ad}.success{color:#16704a;border-color:#abd7be}.warning-row{background:#fffdf6}.selected-row{background:#f8fcf9}.badge{text-transform:uppercase;border-radius:999px;padding:3px 7px;font-size:.68rem;font-weight:700;display:inline-block}.badge.new{color:#16704a;background:#dff3e5}.badge.duplicate{color:#9b6211;background:#fff0cb}.badge.invalid{color:#aa3b30;background:#fde4e0}.row-selection{color:#526b5d;align-items:center;gap:6px;margin-top:8px;font-size:.75rem;font-weight:700;display:flex}.row-selection input{accent-color:#1d4c35;margin:0}.category-select{color:#26372d;max-width:180px;font:inherit;background:#fff;border:1px solid #c9d3ca;border-radius:6px;padding:6px 26px 6px 8px}.category-select:disabled{cursor:wait;opacity:.65}.override-button{color:#35604b;background:0 0;margin-top:6px;padding:0;font-size:.75rem;text-decoration:underline;display:block}small{color:#8d6a2d;white-space:normal;margin-top:4px;display:block}.saved-transaction-row td{background:#eaf2ec;padding:0}.saved-transaction-row strong{text-transform:uppercase;letter-spacing:.08em;color:#526b5d;padding:12px 16px 0;font-size:.75rem;display:block}.saved-transaction{color:#35483d;grid-template-columns:105px minmax(200px,1.8fr) repeat(5,minmax(100px,1fr));gap:12px;padding:12px 16px;display:grid}.transaction-details{color:#35483d;white-space:normal;gap:8px;padding:12px 16px;display:grid}.transaction-details b{color:#526b5d}.pagination{color:#617066;justify-content:flex-end;align-items:center;gap:10px;padding:16px 0;font-size:.875rem;display:flex}.pagination label{letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:5px;font-size:.72rem;font-weight:700;display:flex}.pagination select{color:#26372d;min-height:34px;font:inherit;text-transform:none;background:#fff;border:1px solid #c9d3ca;border-radius:6px;padding:5px 7px}.pagination button{color:#1d4c35;cursor:pointer;font:inherit;background:#fff;border:1px solid #c9d3ca;border-radius:6px;padding:7px 10px;font-weight:700}.pagination button:disabled{cursor:not-allowed;opacity:.5}@media (width<=640px){.app-shell{padding:0}.side-nav{border-bottom:1px solid #daddd4;border-right:0;flex-direction:row;align-items:center;width:auto;padding:10px 12px;position:static}.side-nav:before{margin:0 auto 0 0;font-size:1rem}.side-nav a{padding:7px 9px;font-size:.78rem}.user-menu{margin:0 0 0 auto;padding:0}main{width:min(100% - 24px,1280px);padding:32px 0}th,td{padding:12px}.import-panel,.preview-heading,.filter-bar{flex-direction:column;align-items:flex-start}.filter-popover{width:auto;position:fixed;left:12px;right:12px}.filter-controls{justify-content:flex-start}.clear-filters{justify-self:start}.modal-backdrop{padding:12px}.import-modal{max-height:calc(100vh - 24px);padding:20px}.saved-transaction{grid-template-columns:1fr;gap:4px}.dashboard-period,.custom-period{flex-direction:column;align-items:stretch}.view-history-button{margin-left:0}.summary-cards,.dashboard-grid{grid-template-columns:1fr}.chart-card-wide{grid-column:auto}}