.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--bg: #f7f5f0;--surface: #f1efe8;--border: #e4e1d6;--text: #1f2328;--text-muted: #6b7280;--accent: #1d9e75;--income: #1d9e75;--expense: #d13438;--warn: #ef9f27;--growth-accent: #d85a30;color-scheme:light dark;--chart-income: #008300;--chart-expense: #e34948;--chart-seq-1: #86b6ef;--chart-seq-2: #5598e7;--chart-seq-3: #2a78d6;--chart-seq-4: #1c5cab;--chart-grid: var(--border);--chart-axis: var(--text-muted)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #14161a;--surface: #1d2026;--border: #2e323a;--text: #e7e9ec;--text-muted: #9aa1ac;--accent: #3ecf8e;--income: #3ecf8e;--expense: #f0605f;--warn: #f5a524;--growth-accent: #e2825c;--chart-income: #008300;--chart-expense: #e66767;--chart-seq-1: #86b6ef;--chart-seq-2: #5598e7;--chart-seq-3: #2a78d6;--chart-seq-4: #1c5cab}}:root[data-theme=dark]{--bg: #14161a;--surface: #1d2026;--border: #2e323a;--text: #e7e9ec;--text-muted: #9aa1ac;--accent: #3ecf8e;--income: #3ecf8e;--expense: #f0605f;--warn: #f5a524;--growth-accent: #e2825c;--chart-income: #008300;--chart-expense: #e66767;--chart-seq-1: #86b6ef;--chart-seq-2: #5598e7;--chart-seq-3: #2a78d6;--chart-seq-4: #1c5cab}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3{color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.5rem}.card h2{margin-top:0}form .row{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}form label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--text-muted);flex:1;min-width:140px}form label.grow{flex:2}.filter-bar{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:1.25rem}.filter-bar label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--text-muted);min-width:140px}input,select{padding:.5rem .6rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.95rem;font-family:inherit}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%236b7280' stroke-width='1.6'%3E%3Cpath d='M5 7.5l5 5 5-5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;background-size:14px}@media(prefers-color-scheme:dark){select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%239aa1ac' stroke-width='1.6'%3E%3Cpath d='M5 7.5l5 5 5-5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}button{font-family:inherit}button[type=submit],.btn{background:var(--accent);color:#fff;border:none;padding:.55rem 1.1rem;border-radius:8px;cursor:pointer;font-size:.95rem}button[disabled]{opacity:.5;cursor:not-allowed}button.link{background:none;border:none;color:var(--text-muted);cursor:pointer;text-decoration:underline;padding:0;font-size:.85rem}button.link:hover{color:var(--expense)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border)}td.amount,th.amount{text-align:right;font-variant-numeric:tabular-nums}.income{color:var(--income);font-weight:600}.expense{color:var(--expense);font-weight:600}.empty{color:var(--text-muted);font-style:italic}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.stat{padding:1rem;border-radius:12px;background:var(--bg);border:1px solid var(--border);text-align:center}.stat .label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat .value{font-size:1.6rem;font-weight:700;margin-top:.25rem;font-variant-numeric:tabular-nums}.month-nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.25rem}.month-nav button{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.4rem .8rem;cursor:pointer;color:var(--text)}.month-nav h2{min-width:200px;text-align:center;margin:0}tr.clickable{cursor:pointer}tr.clickable:hover{background:var(--bg)}tr.selected{outline:2px solid var(--accent);outline-offset:-2px}.chart-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.chart-header h3{margin:0;font-size:1rem}.chart-legend{display:flex;gap:1rem;list-style:none;margin:0;padding:0;font-size:.85rem;color:var(--text-muted)}.chart-legend-item{display:flex;align-items:center;gap:.4rem}.chart-swatch{width:10px;height:10px;border-radius:2px;flex:none}.chart-empty{color:var(--text-muted);font-style:italic;padding:2rem 0;text-align:center}.chart-tooltip{position:absolute;z-index:10;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--text);color:var(--surface);border-radius:6px;padding:.4rem .6rem;font-size:.8rem;white-space:nowrap;pointer-events:none;display:flex;flex-direction:column;gap:.1rem;box-shadow:0 4px 12px #00000026}.chart-tooltip strong{font-variant-numeric:tabular-nums;font-size:.85rem}.chart-tooltip span{color:var(--surface);opacity:.75}.auth-card{max-width:380px;margin:2rem auto}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;color:var(--text-muted);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.btn.google{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border)}.auth-switch{margin-top:1.25rem;margin-bottom:0;font-size:.9rem;color:var(--text-muted);text-align:center}html{--mat-app-background-color: #f9faf3;--mat-app-text-color: #1a1c18;--mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);--mat-ripple-color: color-mix(in srgb, #1a1c18 10%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, #1a1c18 12%, transparent);--mat-option-hover-state-layer-color: color-mix(in srgb, #1a1c18 8%, transparent);--mat-option-label-text-color: #1a1c18;--mat-option-selected-state-label-text-color: #3c4b37;--mat-option-selected-state-layer-color: #d7e8cd;--mat-optgroup-label-text-color: #43483f;--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #f9faf3;--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, #1a1c18 38%, transparent);--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, #1a1c18 38%, transparent);--mat-pseudo-checkbox-full-selected-checkmark-color: #ffffff;--mat-pseudo-checkbox-full-selected-icon-color: #026e00;--mat-pseudo-checkbox-full-unselected-icon-color: #43483f;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, #1a1c18 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #026e00;--mat-option-label-text-size: 1rem;--mat-option-label-text-weight: 400;--mat-option-label-text-font: Roboto, sans-serif;--mat-option-label-text-line-height: 1.25rem;--mat-option-label-text-tracking: .006rem;--mat-optgroup-label-text-font: Roboto, sans-serif;--mat-optgroup-label-text-line-height: 1.25rem;--mat-optgroup-label-text-size: .875rem;--mat-optgroup-label-text-tracking: .006rem;--mat-optgroup-label-text-weight: 500;--mat-datepicker-calendar-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-datepicker-calendar-container-shape: 16px;--mat-datepicker-calendar-container-touch-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-datepicker-calendar-container-touch-shape: 28px;--mat-datepicker-calendar-body-label-text-color: #1a1c18;--mat-datepicker-calendar-container-background-color: #e8e9e1;--mat-datepicker-calendar-container-text-color: #1a1c18;--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, #1a1c18 38%, transparent);--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #1a1c18 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #1a1c18 8%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: #77ff61;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #54634d;--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #d7e8cd;--mat-datepicker-calendar-date-in-range-state-background-color: #77ff61;--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-preview-state-outline-color: #026e00;--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #1a1c18 38%, transparent);--mat-datepicker-calendar-date-selected-state-background-color: #026e00;--mat-datepicker-calendar-date-selected-state-text-color: #ffffff;--mat-datepicker-calendar-date-text-color: #1a1c18;--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, #1a1c18 38%, transparent);--mat-datepicker-calendar-date-today-outline-color: #026e00;--mat-datepicker-calendar-date-today-selected-state-outline-color: #026e00;--mat-datepicker-calendar-header-divider-color: transparent;--mat-datepicker-calendar-header-text-color: #43483f;--mat-datepicker-calendar-navigation-button-icon-color: #43483f;--mat-datepicker-calendar-period-button-icon-color: #43483f;--mat-datepicker-calendar-period-button-text-color: #43483f;--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, #1a1c18 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, #1a1c18 38%, transparent);--mat-datepicker-range-input-separator-color: #1a1c18;--mat-datepicker-toggle-active-state-icon-color: #026e00;--mat-datepicker-toggle-icon-color: #43483f;--mat-datepicker-calendar-body-label-text-size: .875rem;--mat-datepicker-calendar-body-label-text-weight: 500;--mat-datepicker-calendar-header-text-size: .875rem;--mat-datepicker-calendar-header-text-weight: 500;--mat-datepicker-calendar-period-button-text-size: .875rem;--mat-datepicker-calendar-period-button-text-weight: 500;--mat-datepicker-calendar-text-font: Roboto, sans-serif;--mat-datepicker-calendar-text-size: .875rem;--mat-icon-button-icon-size: 24px;--mat-icon-button-container-shape: 9999px;--mat-icon-button-touch-target-size: 48px;--mat-icon-button-disabled-icon-color: color-mix(in srgb, #1a1c18 38%, transparent);--mat-icon-button-disabled-state-layer-color: #43483f;--mat-icon-button-focus-state-layer-opacity: .12;--mat-icon-button-hover-state-layer-opacity: .08;--mat-icon-button-icon-color: #43483f;--mat-icon-button-pressed-state-layer-opacity: .12;--mat-icon-button-ripple-color: color-mix(in srgb, #43483f 12%, transparent);--mat-icon-button-state-layer-color: #43483f;--mat-icon-button-touch-target-display: block;--mat-icon-button-state-layer-size: 40px;--mat-button-filled-container-shape: 9999px;--mat-button-filled-horizontal-padding: 24px;--mat-button-filled-icon-offset: -8px;--mat-button-filled-icon-spacing: 8px;--mat-button-filled-touch-target-size: 48px;--mat-button-outlined-container-shape: 9999px;--mat-button-outlined-horizontal-padding: 24px;--mat-button-outlined-icon-offset: -8px;--mat-button-outlined-icon-spacing: 8px;--mat-button-outlined-outline-width: 1px;--mat-button-outlined-touch-target-size: 48px;--mat-button-protected-container-shape: 9999px;--mat-button-protected-horizontal-padding: 24px;--mat-button-protected-icon-offset: -8px;--mat-button-protected-icon-spacing: 8px;--mat-button-protected-touch-target-size: 48px;--mat-button-text-container-shape: 9999px;--mat-button-text-horizontal-padding: 12px;--mat-button-text-icon-offset: -4px;--mat-button-text-icon-spacing: 8px;--mat-button-text-with-icon-horizontal-padding: 16px;--mat-button-text-touch-target-size: 48px;--mat-button-tonal-container-shape: 9999px;--mat-button-tonal-horizontal-padding: 24px;--mat-button-tonal-icon-offset: -8px;--mat-button-tonal-icon-spacing: 8px;--mat-button-tonal-touch-target-size: 48px;--mat-button-filled-container-color: #026e00;--mat-button-filled-disabled-container-color: color-mix(in srgb, #1a1c18 12%, transparent);--mat-button-filled-disabled-label-text-color: color-mix(in srgb, #1a1c18 38%, transparent);--mat-button-filled-disabled-state-layer-color: #43483f;--mat-button-filled-focus-state-layer-opacity: .12;--mat-button-filled-hover-state-layer-opacity: .08;--mat-button-filled-label-text-color: #ffffff;--mat-button-filled-pressed-state-layer-opacity: .12;--mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);--mat-button-filled-progress-active-indicator-color: #ffffff;--mat-button-filled-state-layer-color: #ffffff;--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, #1a1c18 38%, transparent);--mat-button-outlined-disabled-outline-color: color-mix(in srgb, #1a1c18 12%, transparent);--mat-button-outlined-disabled-state-layer-color: #43483f;--mat-button-outlined-focus-state-layer-opacity: .12;--mat-button-outlined-hover-state-layer-opacity: .08;--mat-button-outlined-label-text-color: #026e00;--mat-button-outlined-outline-color: #73796e;--mat-button-outlined-pressed-state-layer-opacity: .12;--mat-button-outlined-ripple-color: color-mix(in srgb, #026e00 12%, transparent);--mat-button-outlined-state-layer-color: #026e00;--mat-button-protected-container-color: #f9faf3;--mat-button-protected-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-disabled-container-color: color-mix(in srgb, #1a1c18 12%, transparent);--mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-button-protected-disabled-label-text-color: color-mix(in srgb, #1a1c18 38%, transparent);--mat-button-protected-disabled-state-layer-color: #43483f;--mat-button-protected-focus-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-focus-state-layer-opacity: .12;--mat-button-protected-hover-container-elevation-shadow: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-button-protected-hover-state-layer-opacity: .08;--mat-button-protected-label-text-color: #026e00;--mat-button-protected-pressed-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-pressed-state-layer-opacity: .12;--mat-button-protected-ripple-color: color-mix(in srgb, #026e00 12%, transparent);--mat-button-protected-state-layer-color: #026e00;--mat-button-text-disabled-label-text-color: color-mix(in srgb, #1a1c18 38%, transparent);--mat-button-text-disabled-state-layer-color: #43483f;--mat-button-text-focus-state-layer-opacity: .12;--mat-button-text-hover-state-layer-opacity: .08;--mat-button-text-label-text-color: #026e00;--mat-button-text-pressed-state-layer-opacity: .12;--mat-button-text-ripple-color: color-mix(in srgb, #026e00 12%, transparent);--mat-button-text-state-layer-color: #026e00;--mat-button-tonal-container-color: #d7e8cd;--mat-button-tonal-disabled-container-color: color-mix(in srgb, #1a1c18 12%, transparent);--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, #1a1c18 38%, transparent);--mat-button-tonal-disabled-state-layer-color: #43483f;--mat-button-tonal-focus-state-layer-opacity: .12;--mat-button-tonal-hover-state-layer-opacity: .08;--mat-button-tonal-label-text-color: #3c4b37;--mat-button-tonal-pressed-state-layer-opacity: .12;--mat-button-tonal-ripple-color: color-mix(in srgb, #3c4b37 12%, transparent);--mat-button-tonal-state-layer-color: #3c4b37;--mat-button-filled-touch-target-display: block;--mat-button-filled-container-height: 40px;--mat-button-outlined-container-height: 40px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-touch-target-display: block;--mat-button-protected-container-height: 40px;--mat-button-text-touch-target-display: block;--mat-button-text-container-height: 40px;--mat-button-tonal-container-height: 40px;--mat-button-tonal-touch-target-display: block;--mat-button-filled-label-text-font: Roboto, sans-serif;--mat-button-filled-label-text-size: .875rem;--mat-button-filled-label-text-tracking: .006rem;--mat-button-filled-label-text-weight: 500;--mat-button-outlined-label-text-font: Roboto, sans-serif;--mat-button-outlined-label-text-size: .875rem;--mat-button-outlined-label-text-tracking: .006rem;--mat-button-outlined-label-text-weight: 500;--mat-button-protected-label-text-font: Roboto, sans-serif;--mat-button-protected-label-text-size: .875rem;--mat-button-protected-label-text-tracking: .006rem;--mat-button-protected-label-text-weight: 500;--mat-button-text-label-text-font: Roboto, sans-serif;--mat-button-text-label-text-size: .875rem;--mat-button-text-label-text-tracking: .006rem;--mat-button-text-label-text-weight: 500;--mat-button-tonal-label-text-font: Roboto, sans-serif;--mat-button-tonal-label-text-size: .875rem;--mat-button-tonal-label-text-tracking: .006rem;--mat-button-tonal-label-text-weight: 500}@media(prefers-color-scheme:dark){html{--mat-app-background-color: #131316;--mat-app-text-color: #e5e1e6;--mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, .2), 0px 4px 5px 0px rgba(0, 0, 0, .14), 0px 1px 10px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 5px 8px 0px rgba(0, 0, 0, .14), 0px 1px 14px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, .2), 0px 7px 10px 1px rgba(0, 0, 0, .14), 0px 2px 16px 1px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, .2), 0px 10px 14px 1px rgba(0, 0, 0, .14), 0px 4px 18px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, .2), 0px 11px 15px 1px rgba(0, 0, 0, .14), 0px 4px 20px 3px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 13px 19px 2px rgba(0, 0, 0, .14), 0px 5px 24px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, .2), 0px 14px 21px 2px rgba(0, 0, 0, .14), 0px 5px 26px 4px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, .2), 0px 15px 22px 2px rgba(0, 0, 0, .14), 0px 6px 28px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, .2), 0px 17px 26px 2px rgba(0, 0, 0, .14), 0px 6px 32px 5px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, .2), 0px 18px 28px 2px rgba(0, 0, 0, .14), 0px 7px 34px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, .2), 0px 19px 29px 2px rgba(0, 0, 0, .14), 0px 7px 36px 6px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 20px 31px 3px rgba(0, 0, 0, .14), 0px 8px 38px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, .2), 0px 21px 33px 3px rgba(0, 0, 0, .14), 0px 8px 40px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, .2), 0px 22px 35px 3px rgba(0, 0, 0, .14), 0px 8px 42px 7px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, .2), 0px 23px 36px 3px rgba(0, 0, 0, .14), 0px 9px 44px 8px rgba(0, 0, 0, .12);--mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);--mat-ripple-color: color-mix(in srgb, #e5e1e6 10%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, #e5e1e6 12%, transparent);--mat-option-hover-state-layer-color: color-mix(in srgb, #e5e1e6 8%, transparent);--mat-option-label-text-color: #e5e1e6;--mat-option-selected-state-label-text-color: #e1e0f9;--mat-option-selected-state-layer-color: #444559;--mat-optgroup-label-text-color: #e4e1ec;--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #131316;--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, #e5e1e6 38%, transparent);--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, #e5e1e6 38%, transparent);--mat-pseudo-checkbox-full-selected-checkmark-color: #0001ac;--mat-pseudo-checkbox-full-selected-icon-color: #bec2ff;--mat-pseudo-checkbox-full-unselected-icon-color: #e4e1ec;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, #e5e1e6 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #bec2ff;--mat-option-label-text-size: 1rem;--mat-option-label-text-weight: 400;--mat-option-label-text-font: Roboto, sans-serif;--mat-option-label-text-line-height: 1.25rem;--mat-option-label-text-tracking: .006rem;--mat-optgroup-label-text-font: Roboto, sans-serif;--mat-optgroup-label-text-line-height: 1.25rem;--mat-optgroup-label-text-size: .875rem;--mat-optgroup-label-text-tracking: .006rem;--mat-optgroup-label-text-weight: 500;--mat-datepicker-calendar-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-datepicker-calendar-container-shape: 16px;--mat-datepicker-calendar-container-touch-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-datepicker-calendar-container-touch-shape: 28px;--mat-datepicker-calendar-body-label-text-color: #e5e1e6;--mat-datepicker-calendar-container-background-color: #2a292d;--mat-datepicker-calendar-container-text-color: #e5e1e6;--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, #e5e1e6 38%, transparent);--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e5e1e6 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e5e1e6 8%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: #0000ef;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #c5c4dd;--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #444559;--mat-datepicker-calendar-date-in-range-state-background-color: #0000ef;--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-preview-state-outline-color: #bec2ff;--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e5e1e6 38%, transparent);--mat-datepicker-calendar-date-selected-state-background-color: #bec2ff;--mat-datepicker-calendar-date-selected-state-text-color: #0001ac;--mat-datepicker-calendar-date-text-color: #e5e1e6;--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, #e5e1e6 38%, transparent);--mat-datepicker-calendar-date-today-outline-color: #bec2ff;--mat-datepicker-calendar-date-today-selected-state-outline-color: #bec2ff;--mat-datepicker-calendar-header-divider-color: transparent;--mat-datepicker-calendar-header-text-color: #e4e1ec;--mat-datepicker-calendar-navigation-button-icon-color: #e4e1ec;--mat-datepicker-calendar-period-button-icon-color: #e4e1ec;--mat-datepicker-calendar-period-button-text-color: #e4e1ec;--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, #e5e1e6 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, #e5e1e6 38%, transparent);--mat-datepicker-range-input-separator-color: #e5e1e6;--mat-datepicker-toggle-active-state-icon-color: #bec2ff;--mat-datepicker-toggle-icon-color: #e4e1ec;--mat-datepicker-calendar-body-label-text-size: .875rem;--mat-datepicker-calendar-body-label-text-weight: 500;--mat-datepicker-calendar-header-text-size: .875rem;--mat-datepicker-calendar-header-text-weight: 500;--mat-datepicker-calendar-period-button-text-size: .875rem;--mat-datepicker-calendar-period-button-text-weight: 500;--mat-datepicker-calendar-text-font: Roboto, sans-serif;--mat-datepicker-calendar-text-size: .875rem;--mat-icon-button-icon-size: 24px;--mat-icon-button-container-shape: 9999px;--mat-icon-button-touch-target-size: 48px;--mat-icon-button-disabled-icon-color: color-mix(in srgb, #e5e1e6 38%, transparent);--mat-icon-button-disabled-state-layer-color: #e4e1ec;--mat-icon-button-focus-state-layer-opacity: .12;--mat-icon-button-hover-state-layer-opacity: .08;--mat-icon-button-icon-color: #e4e1ec;--mat-icon-button-pressed-state-layer-opacity: .12;--mat-icon-button-ripple-color: color-mix(in srgb, #e4e1ec 12%, transparent);--mat-icon-button-state-layer-color: #e4e1ec;--mat-icon-button-touch-target-display: block;--mat-icon-button-state-layer-size: 40px;--mat-button-filled-container-shape: 9999px;--mat-button-filled-horizontal-padding: 24px;--mat-button-filled-icon-offset: -8px;--mat-button-filled-icon-spacing: 8px;--mat-button-filled-touch-target-size: 48px;--mat-button-outlined-container-shape: 9999px;--mat-button-outlined-horizontal-padding: 24px;--mat-button-outlined-icon-offset: -8px;--mat-button-outlined-icon-spacing: 8px;--mat-button-outlined-outline-width: 1px;--mat-button-outlined-touch-target-size: 48px;--mat-button-protected-container-shape: 9999px;--mat-button-protected-horizontal-padding: 24px;--mat-button-protected-icon-offset: -8px;--mat-button-protected-icon-spacing: 8px;--mat-button-protected-touch-target-size: 48px;--mat-button-text-container-shape: 9999px;--mat-button-text-horizontal-padding: 12px;--mat-button-text-icon-offset: -4px;--mat-button-text-icon-spacing: 8px;--mat-button-text-with-icon-horizontal-padding: 16px;--mat-button-text-touch-target-size: 48px;--mat-button-tonal-container-shape: 9999px;--mat-button-tonal-horizontal-padding: 24px;--mat-button-tonal-icon-offset: -8px;--mat-button-tonal-icon-spacing: 8px;--mat-button-tonal-touch-target-size: 48px;--mat-button-filled-container-color: #bec2ff;--mat-button-filled-disabled-container-color: color-mix(in srgb, #e5e1e6 12%, transparent);--mat-button-filled-disabled-label-text-color: color-mix(in srgb, #e5e1e6 38%, transparent);--mat-button-filled-disabled-state-layer-color: #e4e1ec;--mat-button-filled-focus-state-layer-opacity: .12;--mat-button-filled-hover-state-layer-opacity: .08;--mat-button-filled-label-text-color: #0001ac;--mat-button-filled-pressed-state-layer-opacity: .12;--mat-button-filled-ripple-color: color-mix(in srgb, #0001ac 12%, transparent);--mat-button-filled-progress-active-indicator-color: #0001ac;--mat-button-filled-state-layer-color: #0001ac;--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, #e5e1e6 38%, transparent);--mat-button-outlined-disabled-outline-color: color-mix(in srgb, #e5e1e6 12%, transparent);--mat-button-outlined-disabled-state-layer-color: #e4e1ec;--mat-button-outlined-focus-state-layer-opacity: .12;--mat-button-outlined-hover-state-layer-opacity: .08;--mat-button-outlined-label-text-color: #bec2ff;--mat-button-outlined-outline-color: #91909a;--mat-button-outlined-pressed-state-layer-opacity: .12;--mat-button-outlined-ripple-color: color-mix(in srgb, #bec2ff 12%, transparent);--mat-button-outlined-state-layer-color: #bec2ff;--mat-button-protected-container-color: #131316;--mat-button-protected-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-disabled-container-color: color-mix(in srgb, #e5e1e6 12%, transparent);--mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-button-protected-disabled-label-text-color: color-mix(in srgb, #e5e1e6 38%, transparent);--mat-button-protected-disabled-state-layer-color: #e4e1ec;--mat-button-protected-focus-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-focus-state-layer-opacity: .12;--mat-button-protected-hover-container-elevation-shadow: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-button-protected-hover-state-layer-opacity: .08;--mat-button-protected-label-text-color: #bec2ff;--mat-button-protected-pressed-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-button-protected-pressed-state-layer-opacity: .12;--mat-button-protected-ripple-color: color-mix(in srgb, #bec2ff 12%, transparent);--mat-button-protected-state-layer-color: #bec2ff;--mat-button-text-disabled-label-text-color: color-mix(in srgb, #e5e1e6 38%, transparent);--mat-button-text-disabled-state-layer-color: #e4e1ec;--mat-button-text-focus-state-layer-opacity: .12;--mat-button-text-hover-state-layer-opacity: .08;--mat-button-text-label-text-color: #bec2ff;--mat-button-text-pressed-state-layer-opacity: .12;--mat-button-text-ripple-color: color-mix(in srgb, #bec2ff 12%, transparent);--mat-button-text-state-layer-color: #bec2ff;--mat-button-tonal-container-color: #444559;--mat-button-tonal-disabled-container-color: color-mix(in srgb, #e5e1e6 12%, transparent);--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, #e5e1e6 38%, transparent);--mat-button-tonal-disabled-state-layer-color: #e4e1ec;--mat-button-tonal-focus-state-layer-opacity: .12;--mat-button-tonal-hover-state-layer-opacity: .08;--mat-button-tonal-label-text-color: #e1e0f9;--mat-button-tonal-pressed-state-layer-opacity: .12;--mat-button-tonal-ripple-color: color-mix(in srgb, #e1e0f9 12%, transparent);--mat-button-tonal-state-layer-color: #e1e0f9;--mat-button-filled-touch-target-display: block;--mat-button-filled-container-height: 40px;--mat-button-outlined-container-height: 40px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-touch-target-display: block;--mat-button-protected-container-height: 40px;--mat-button-text-touch-target-display: block;--mat-button-text-container-height: 40px;--mat-button-tonal-container-height: 40px;--mat-button-tonal-touch-target-display: block;--mat-button-filled-label-text-font: Roboto, sans-serif;--mat-button-filled-label-text-size: .875rem;--mat-button-filled-label-text-tracking: .006rem;--mat-button-filled-label-text-weight: 500;--mat-button-outlined-label-text-font: Roboto, sans-serif;--mat-button-outlined-label-text-size: .875rem;--mat-button-outlined-label-text-tracking: .006rem;--mat-button-outlined-label-text-weight: 500;--mat-button-protected-label-text-font: Roboto, sans-serif;--mat-button-protected-label-text-size: .875rem;--mat-button-protected-label-text-tracking: .006rem;--mat-button-protected-label-text-weight: 500;--mat-button-text-label-text-font: Roboto, sans-serif;--mat-button-text-label-text-size: .875rem;--mat-button-text-label-text-tracking: .006rem;--mat-button-text-label-text-weight: 500;--mat-button-tonal-label-text-font: Roboto, sans-serif;--mat-button-tonal-label-text-size: .875rem;--mat-button-tonal-label-text-tracking: .006rem;--mat-button-tonal-label-text-weight: 500}}