:root{--md-sys-color-primary: #0061a4;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #d1e4ff;--md-sys-color-on-primary-container: #001d36;--md-sys-color-secondary: #535f70;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #d7e3f7;--md-sys-color-on-secondary-container: #101c2b;--md-sys-color-tertiary: #6b5778;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: #f2daff;--md-sys-color-on-tertiary-container: #251431;--md-sys-color-error: #ba1a1a;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #ffdad6;--md-sys-color-on-error-container: #410002;--md-sys-color-background: #f8fbff;--md-sys-color-on-background: #1a1c1e;--md-sys-color-surface: #f8fbff;--md-sys-color-on-surface: #1a1c1e;--md-sys-color-surface-variant: #dfe2eb;--md-sys-color-on-surface-variant: #42474e;--md-sys-color-outline: #73777f;--md-sys-color-outline-variant: #c3c7cf;--md-sys-color-surface-container-lowest: #ffffff;--md-sys-color-surface-container-low: #f2f6fb;--md-sys-color-surface-container: #edf3f9;--md-sys-color-surface-container-high: #e6eef6;--md-sys-color-surface-container-highest: #dfe8f2;--md-sys-color-inverse-surface: #313033;--md-sys-color-inverse-on-surface: #f4eff4;--md-sys-color-inverse-primary: #9ecaee;--md-sys-color-scrim: #000000;--md-sys-elevation-1: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15);--md-sys-elevation-2: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 2px 6px 2px rgba(0, 0, 0, .15);--font-sans: "Roboto", sans-serif;--primary: var(--md-sys-color-primary);--primary-hover: var(--md-sys-color-primary-container);--bg-color: var(--md-sys-color-background);--card-bg: var(--md-sys-color-surface);--text-main: var(--md-sys-color-on-surface);--text-muted: var(--md-sys-color-on-surface-variant);--border: var(--md-sys-color-outline-variant);--success: #146c2e;--danger: var(--md-sys-color-error);--filter-input-bg: var(--md-sys-color-surface-container-lowest)}[data-theme=dark]{--md-sys-color-primary: #8cbaff;--md-sys-color-on-primary: #002f65;--md-sys-color-primary-container: #1a4a7a;--md-sys-color-on-primary-container: #d1e4ff;--md-sys-color-secondary: #b4c9e4;--md-sys-color-on-secondary: #1c3148;--md-sys-color-secondary-container: #2a3f56;--md-sys-color-on-secondary-container: #d4e5f8;--md-sys-color-tertiary: #d4bde6;--md-sys-color-on-tertiary: #382a4a;--md-sys-color-tertiary-container: #4f4062;--md-sys-color-on-tertiary-container: #f0dbff;--md-sys-color-error: #ffb4ab;--md-sys-color-on-error: #690005;--md-sys-color-error-container: #7a2020;--md-sys-color-on-error-container: #ffdad6;--md-sys-color-background: #0d1520;--md-sys-color-on-background: #dfe3ea;--md-sys-color-surface: #0d1520;--md-sys-color-on-surface: #dfe3ea;--md-sys-color-surface-variant: #2a3545;--md-sys-color-on-surface-variant: #bcc7d8;--md-sys-color-outline: #7a8696;--md-sys-color-outline-variant: #2f3b4c;--md-sys-color-surface-container-lowest: #080e17;--md-sys-color-surface-container-low: #111b28;--md-sys-color-surface-container: #161f2e;--md-sys-color-surface-container-high: #1c2736;--md-sys-color-surface-container-highest: #232f40;--md-sys-color-inverse-surface: #dfe3ea;--md-sys-color-inverse-on-surface: #0d1520;--md-sys-color-inverse-primary: #0061a4;--md-sys-color-scrim: #000000;--success: #5fe077;--filter-input-bg: var(--md-sys-color-surface-container-high);--md-sys-elevation-1: 0px 1px 3px 1px rgba(0, 0, 0, .5);--md-sys-elevation-2: 0px 2px 6px 2px rgba(0, 0, 0, .5)}[data-theme=mid]{--md-sys-color-primary: #78a8e8;--md-sys-color-on-primary: #08264a;--md-sys-color-primary-container: #244766;--md-sys-color-on-primary-container: #d6e8ff;--md-sys-color-secondary: #c1ccdc;--md-sys-color-on-secondary: #263240;--md-sys-color-secondary-container: #39495c;--md-sys-color-on-secondary-container: #dbe6f5;--md-sys-color-tertiary: #dec2e8;--md-sys-color-on-tertiary: #3a2d45;--md-sys-color-tertiary-container: #53415f;--md-sys-color-on-tertiary-container: #f4dafd;--md-sys-color-error: #ffb4ab;--md-sys-color-on-error: #690005;--md-sys-color-error-container: #8c2d2a;--md-sys-color-on-error-container: #ffdad6;--md-sys-color-background: #263241;--md-sys-color-on-background: #ecf1f7;--md-sys-color-surface: #263241;--md-sys-color-on-surface: #ecf1f7;--md-sys-color-surface-variant: #3f4c5e;--md-sys-color-on-surface-variant: #d2dbe7;--md-sys-color-outline: #9aa7b8;--md-sys-color-outline-variant: #536174;--md-sys-color-surface-container-lowest: #1f2a37;--md-sys-color-surface-container-low: #2c3949;--md-sys-color-surface-container: #344254;--md-sys-color-surface-container-high: #3d4b5e;--md-sys-color-surface-container-highest: #46566b;--md-sys-color-inverse-surface: #ecf1f7;--md-sys-color-inverse-on-surface: #263241;--md-sys-color-inverse-primary: #0061a4;--md-sys-color-scrim: #000000;--success: #5fe0a0;--filter-input-bg: var(--md-sys-color-surface-container-high);--md-sys-elevation-1: 0px 1px 3px 1px rgba(0, 0, 0, .38);--md-sys-elevation-2: 0px 2px 6px 2px rgba(0, 0, 0, .45);--calendar-icon-filter: invert(1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:var(--primary)}button{cursor:pointer;border:none;font-family:inherit;background:none}h1,h2,h3,h4,h5,h6{font-weight:500;color:var(--text-main)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;background:var(--bg-color)}.auth-card{background:var(--md-sys-color-surface-container);padding:2rem;border-radius:24px;box-shadow:var(--md-sys-elevation-1);width:100%;max-width:400px}.auth-card-tall{max-width:600px;padding:clamp(2rem,5vw,3rem);border-radius:24px;background:var(--md-sys-color-surface-container-low);box-shadow:var(--md-sys-elevation-2)}.auth-brand{display:grid;justify-items:center;gap:1rem;margin-bottom:3rem;text-align:center}.auth-logo-frame{width:108px;height:108px;display:grid;place-items:center;border-radius:28px;background:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-2)}.auth-logo-frame img{width:78px;height:78px;object-fit:contain}.auth-brand h1{margin:0;font-size:clamp(2rem,5vw,2.55rem);font-weight:800;letter-spacing:0}.auth-title{text-align:center;margin-bottom:2rem;color:var(--text-muted);font-size:clamp(1.45rem,4vw,1.8rem);font-weight:700}.auth-input{height:66px;border-radius:8px;background:var(--md-sys-color-primary-container);border-color:color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--border));font-size:1.25rem}.auth-submit{height:64px;border-radius:8px;margin-top:.5rem;font-size:1.1rem;font-weight:700}.auth-switch{text-align:center;margin-top:1.75rem;color:var(--text-main);font-size:1rem}.auth-switch a{color:var(--md-sys-color-primary);font-weight:600}.auth-footer{display:grid;gap:1rem;justify-items:center;margin-top:3rem;padding-top:1.75rem;border-top:1px solid var(--border);color:var(--text-muted)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.25rem;font-size:.875rem;font-weight:400;color:var(--text-main)}.form-input{width:100%;padding:1rem;background:transparent;border:1px solid var(--md-sys-color-outline);border-radius:4px;font-size:1rem;color:var(--text-main);transition:all .2s ease}.form-input:focus{outline:none;border:2px solid var(--primary);padding:calc(1rem - 1px)}.form-input option{background:var(--md-sys-color-surface-container);color:var(--text-main)}.btn{display:inline-flex;justify-content:center;align-items:center;padding:0 1.5rem;height:40px;border-radius:20px;font-weight:500;font-size:.875rem;letter-spacing:.1px;width:100%;transition:all .2s cubic-bezier(.2,0,0,1)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.btn-primary:hover{box-shadow:var(--md-sys-elevation-1);background-image:linear-gradient(#ffffff14,#ffffff14)}.btn-tonal{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.btn-tonal:hover{background-image:linear-gradient(#00000014,#00000014)}.btn-outlined{background-color:transparent;color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline)}.btn-outlined:hover{background-color:var(--md-sys-color-primary-container);border-color:var(--md-sys-color-primary)}.m3-card{background-color:var(--md-sys-color-surface-container-low);border-radius:12px;padding:1.5rem;box-shadow:var(--md-sys-elevation-1)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:20px;color:var(--text-main)}.icon-button:hover{background:var(--md-sys-color-surface-container-high)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:100;padding:1rem}.dialog-card{width:100%;max-width:420px}.dialog-copy{margin-top:.75rem;color:var(--text-muted)}.dialog-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.snackbar{position:fixed;right:1.25rem;bottom:1.25rem;z-index:200;display:inline-flex;align-items:center;gap:.75rem;max-width:min(420px,calc(100vw - 2rem));padding:.875rem 1rem;border-radius:12px;background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);box-shadow:var(--md-sys-elevation-2)}.snackbar-error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.metric-card{background:var(--md-sys-color-surface-container);border:1px solid var(--border);border-radius:12px;padding:1rem}.metric-label{color:var(--text-muted);font-size:.75rem;font-weight:600;margin-bottom:.35rem}.metric-value{font-size:1.25rem;font-weight:700}.budget-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,150px);gap:.75rem;align-items:center}.progress-track{height:8px;border-radius:999px;background:var(--md-sys-color-surface-container-highest);overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:var(--md-sys-color-primary)}.account-sticky-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.account-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-inline-start:auto}.account-actions-panel{justify-content:flex-end;margin-bottom:1rem}.transaction-entry-form{display:flex;flex-direction:column;gap:.65rem}.transaction-form-grid,.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem}.compact-input{min-height:42px;padding:.65rem .75rem;border-radius:8px;font-size:.92rem}.view-toggle{display:flex;justify-content:flex-end}.view-toggle>div,.view-toggle{gap:.25rem}.view-toggle .btn{width:auto;height:40px;padding:0 1rem;border-radius:8px;color:var(--text-main)}.view-toggle .btn-primary{color:var(--md-sys-color-on-primary)}.transactions-table{width:100%;border-collapse:collapse;text-align:left;min-width:760px}.transactions-table th,.transactions-table td{padding:.85rem;border-bottom:1px solid var(--border);white-space:nowrap}.transactions-table th{color:var(--text-muted);font-weight:600}.sort-header{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-muted);font-weight:700;padding:.25rem 0;border-radius:8px;white-space:nowrap}.sort-header:hover,.sort-header.active{color:var(--md-sys-color-primary)}.sort-header .material-symbols-outlined{font-size:18px}.sort-card-controls{display:grid;grid-template-columns:auto minmax(150px,1fr) minmax(140px,1fr);gap:.75rem;align-items:end}.view-sort-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.inline-sort-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.inline-sort-controls .form-label{margin:0;color:var(--text-muted);font-size:.78rem}.inline-sort-controls .form-input{width:auto;min-width:128px}.row-actions{display:flex;justify-content:center;gap:.5rem}.chip{display:inline-flex;align-items:center;gap:.25rem;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);padding:.25rem .55rem;border-radius:12px;font-size:.75rem}.chip-success{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success)}.backup-modal{align-items:flex-start;overflow:auto}.backup-panel{width:min(980px,calc(100vw - 2rem));margin:2rem auto}.backup-list{display:grid;gap:.75rem}.backup-preview{min-height:60vh}.backup-preview-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem;align-items:center}.backup-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.backup-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--md-sys-color-surface-container);border:1px solid var(--border);border-radius:12px}.backup-item.selected{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.settings-grid{display:grid;gap:1.5rem;max-width:760px}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.option-card{text-align:start;border:1px solid var(--border);border-radius:16px;padding:1rem;background:var(--md-sys-color-surface-container);color:var(--text-main)}.option-card.selected{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.option-icon{display:inline-flex;margin-bottom:.75rem;color:var(--md-sys-color-primary)}.filter-primary-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,max-content));gap:.45rem;align-items:center}.filter-primary-row .form-input{width:160px}.filter-primary-row input[type=date]{-moz-appearance:none;appearance:none;-webkit-appearance:none;min-width:0;max-width:100%;overflow:hidden}.filter-primary-row input[type=date]::-webkit-calendar-picker-indicator{display:none;opacity:0;width:0;height:0;margin:0;padding:0}.filter-primary-row input[type=date]::-webkit-inner-spin-button,.filter-primary-row input[type=date]::-webkit-clear-button{display:none}.date-filter-field{position:relative;display:block;width:160px;min-width:0}.date-filter-field>span{position:absolute;top:.28rem;inset-inline-start:.75rem;z-index:1;color:var(--text-muted);font-size:.68rem;font-weight:700;line-height:1;pointer-events:none}.date-filter-field input[type=date]{width:100%;height:46px;padding:1.05rem 2.2rem .25rem .65rem}.date-picker-button{position:absolute;inset-inline-end:.45rem;top:50%;transform:translateY(-50%);width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:var(--md-sys-color-primary)}.date-picker-button:hover{background:var(--md-sys-color-primary-container)}.date-picker-button .material-symbols-outlined{font-size:20px}.filter-expand-button{align-self:flex-start}.filter-expand-button.expanded{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.flat-button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;color:var(--md-sys-color-primary);font-weight:600;padding:.5rem .75rem;border-radius:999px}.flat-button:hover{background:var(--md-sys-color-primary-container)}.csv-example-table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.82rem}.csv-example-table th,.csv-example-table td{border:1px solid var(--border);padding:.5rem;text-align:left}.csv-example-table th{background:var(--md-sys-color-surface-variant)}.error-alert{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);padding:1rem;border-radius:12px;margin-bottom:1rem;font-size:.875rem}.text-center{text-align:center}.mt-4{margin-top:1rem}.text-sm{font-size:.875rem}.app-shell{display:grid;grid-template-columns:minmax(0,1fr) 250px;flex:1;direction:ltr;width:100%}.main-content{min-width:0;padding:2rem;background:var(--bg-color)}.sidebar{width:250px;position:sticky;top:0;right:0;height:100vh;z-index:20;overflow-y:auto}@media (max-width: 768px){.desktop-only{display:none!important}.sidebar{position:fixed;right:0;width:min(250px,86vw);z-index:50;transform:translate(100%);top:60px;height:calc(100vh - 60px);background:var(--md-sys-color-surface-container)}.sidebar.open{transform:translate(0);box-shadow:var(--md-sys-elevation-2)}.main-content{margin-left:0!important;margin-right:0!important;padding:1rem!important;width:100%}.app-shell{display:block}.md-hidden{display:flex!important}.account-sticky-header{align-items:flex-start}.account-actions{width:100%;margin-inline-start:0}.account-actions .btn{flex:1 1 140px}.filter-grid,.backup-preview-toolbar{grid-template-columns:1fr}.transaction-form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.55rem}.transaction-form-grid>div{grid-column:1 / -1}.transaction-form-grid .form-input{min-width:0}.transaction-form-grid input[type=date]{justify-self:start;width:min(8rem,100%);padding-inline:.45rem;font-size:clamp(.72rem,2.6vw,.82rem)}.dialog-actions{flex-direction:column}.filter-primary-row{display:grid;grid-template-columns:minmax(0,calc(50% - .5rem)) minmax(0,calc(50% - .5rem));gap:.55rem .65rem;overflow:hidden}.filter-primary-row>*{min-width:0}.filter-primary-row .form-input{width:100%;padding-inline:.45rem}.filter-primary-row .date-filter-field{grid-column:span 1;width:min(7.75rem,100%)}.filter-primary-row input[type=date]{min-width:0!important;max-width:100%;inline-size:100%;min-inline-size:0;height:46px;font-size:clamp(.66rem,2.5vw,.78rem);overflow:hidden}.date-filter-field input[type=date]{padding-inline:.45rem 1.75rem}.date-picker-button{inset-inline-end:.2rem;width:28px;height:28px}.date-picker-button .material-symbols-outlined{font-size:18px}.filter-primary-row>*:nth-child(3),.filter-primary-row>*:nth-child(4){grid-column:span 1}.filter-primary-row .btn{width:100%!important;min-width:0;height:34px!important;padding:0 .25rem!important;font-size:clamp(.58rem,2vw,.72rem);white-space:normal;line-height:1.1}.filter-primary-row>*:nth-child(n+5){grid-column:auto}.filter-expand-button{width:100%;min-height:40px}.sort-card-controls{grid-template-columns:1fr 1fr}.sort-card-controls .form-label{grid-column:1 / -1}.view-sort-toolbar{justify-content:stretch;align-items:stretch}.inline-sort-controls{flex:1 1 auto;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);align-items:center}.inline-sort-controls .form-input{width:100%;min-width:0}.view-toggle{justify-content:flex-end}.backup-panel{width:calc(100vw - 1rem);margin:.5rem auto}.backup-footer{flex-direction:column-reverse;align-items:stretch}}@media (min-width: 769px){.md-hidden{display:none!important}.sidebar{transform:none!important}}table tr:hover td{background-color:var(--md-sys-color-surface-variant)}input[type=date]::-webkit-calendar-picker-indicator{filter:var(--calendar-icon-filter, none)}[data-theme=dark]{--calendar-icon-filter: invert(1)}[data-theme=dark] input[type=text],[data-theme=dark] select,[data-theme=dark] input[type=number]{color:var(--text-main)}[data-theme=dark] select option{background:var(--md-sys-color-surface-container);color:var(--text-main)}.sticky-header{position:sticky;top:0;z-index:20;background:var(--bg-color);padding-bottom:1rem;margin-bottom:1rem}@media (max-width: 768px){.sticky-header{top:60px}}