@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{--color-primary: #004594;--color-primary-container: #005cc1;--color-on-primary: #fff;--color-on-primary-container: #cbdaff;--color-primary-fixed: #d8e2ff;--color-primary-fixed-dim: #adc7ff;--color-on-primary-fixed: #001a41;--color-on-primary-fixed-variant: #004493;--color-inverse-primary: #adc7ff;--color-secondary: #006e2c;--color-secondary-container: #86f898;--color-on-secondary: #fff;--color-on-secondary-container: #00722f;--color-secondary-fixed: #89fa9b;--color-secondary-fixed-dim: #6ddd81;--color-on-secondary-fixed: #002108;--color-on-secondary-fixed-variant: #005320;--color-tertiary: #6a3c00;--color-tertiary-container: #8b5100;--color-on-tertiary: #fff;--color-on-tertiary-container: #ffd1a5;--color-tertiary-fixed: #ffdcbd;--color-tertiary-fixed-dim: #ffb86f;--color-on-tertiary-fixed: #2c1600;--color-on-tertiary-fixed-variant: #693c00;--color-error: #ba1a1a;--color-error-container: #ffdad6;--color-on-error: #fff;--color-on-error-container: #93000a;--color-surface: #f9f9ff;--color-surface-dim: #d8dae2;--color-surface-bright: #f9f9ff;--color-surface-variant: #e1e2ea;--color-surface-container: #ecedf6;--color-surface-container-low: #f2f3fb;--color-surface-container-high: #e7e8f0;--color-surface-container-highest: #e1e2ea;--color-surface-container-lowest: #fff;--color-surface-tint: #005bc0;--color-on-surface: #191c21;--color-on-surface-variant: #424752;--color-on-background: #191c21;--color-background: #f9f9ff;--color-inverse-surface: #2e3037;--color-inverse-on-surface: #eff0f8;--color-outline: #727783;--color-outline-variant: #c2c6d4;--font-headline: "Manrope", sans-serif;--font-body: "Manrope", sans-serif;--font-label: "Manrope", sans-serif;--text-xs: .625rem;--text-sm: .75rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2.5rem;--text-5xl: 3.75rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 4px 20px rgb(0 69 148 / 4%);--shadow-md: 0 10px 30px rgb(0 0 0 / 3%);--shadow-lg: 0 20px 40px rgb(0 69 148 / 6%);--shadow-xl: 0 20px 40px rgb(0 69 148 / 12%);--shadow-nav: 0 -10px 40px rgb(0 69 148 / 8%)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle}:root{--app-view-content-max-width: 80rem;--app-bottom-nav-clearance: calc(6.25rem + env(safe-area-inset-bottom, 0px)) }.app-view-content{flex:1;display:flex;flex-direction:column;gap:2rem;width:100%;max-width:var(--app-view-content-max-width);margin-inline:auto;padding:1.5rem 1.5rem var(--app-bottom-nav-clearance)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-width:320px;min-height:100dvh;background:var(--color-surface);color:var(--color-on-surface);font-family:var(--font-body, system-ui, sans-serif);line-height:1.5;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh;display:flex;flex-direction:column}.top-app-bar{position:sticky;top:0;width:100%;z-index:50;background:#f8fafccc;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow-sm)}.top-app-bar__inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;width:100%;max-width:var(--app-view-content-max-width, 80rem);margin:0 auto}.top-app-bar__left{display:flex;align-items:center;gap:.75rem}.top-app-bar__back-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);border:none;background:transparent;padding:0;cursor:pointer;color:var(--color-on-surface);transition:background-color .2s}.top-app-bar__back-button:hover{background:#94a3b833}.top-app-bar__avatar{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background:var(--color-primary-fixed);display:flex;align-items:center;justify-content:center;overflow:hidden}.top-app-bar__avatar img{width:100%;height:100%;object-fit:cover}.top-app-bar__title{font-family:var(--font-headline);font-size:var(--text-xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.05em;color:var(--color-primary);margin:0}.top-app-bar__right{display:flex;align-items:center;gap:.5rem}.top-app-bar__notification-button{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:none;background:transparent;padding:0;color:var(--color-primary);cursor:pointer;transition:background-color .2s,transform .2s}.top-app-bar__notification-button:hover{background:#94a3b833}.top-app-bar__notification-button:active{transform:scale(.95)}.top-app-bar__logout-button{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:none;background:transparent;padding:0;color:var(--color-outline);cursor:pointer;transition:background-color .2s,transform .2s}.top-app-bar__logout-button:hover{background:#94a3b833;color:var(--color-error)}.top-app-bar__logout-button:active{transform:scale(.95)}.bottom-nav-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-view-content-max-width, 80rem);display:flex;justify-content:flex-start;align-items:center;padding:.75rem .375rem 2rem;background:#ffffffb3;-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);box-shadow:var(--shadow-nav);border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;z-index:50}.bottom-nav-bar__item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .125rem;border:none;background:transparent;color:var(--color-outline);cursor:pointer;transition:color .2s,transform .3s;text-decoration:none;border-radius:var(--radius-2xl)}.bottom-nav-bar__item .material-symbols-outlined{font-size:1.25rem;line-height:1}.bottom-nav-bar__item:hover{color:var(--color-primary)}.bottom-nav-bar__item:active{transform:scale(.9)}.bottom-nav-bar__item--active{background:var(--color-primary-fixed);color:var(--color-primary)}.bottom-nav-bar__label{font-family:var(--font-label);font-size:.6875rem;font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;margin-top:.25rem;min-width:0;max-width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.month-selector{overflow-x:auto;scrollbar-width:none;padding:.5rem 0}.month-selector::-webkit-scrollbar{display:none}.month-selector__list{display:flex;gap:.75rem;align-items:center;min-width:max-content;list-style:none;margin:0;padding:0}.month-selector__item{padding:.625rem 1.5rem;border-radius:var(--radius-full);background:var(--color-surface-container-high);color:var(--color-on-surface-variant);font-family:var(--font-label);font-size:var(--text-base);font-weight:var(--font-weight-semibold);border:none;cursor:pointer;white-space:nowrap;transition:background-color .2s}.month-selector__item:hover{background:var(--color-surface-container-highest)}.month-selector__item--active{background:var(--color-primary);color:var(--color-on-primary);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm)}.month-selector__item--active:hover{background:var(--color-primary)}@keyframes month-selector-skeleton-pulse{50%{opacity:.45}}.month-selector__skeleton-item{width:5rem;height:2.5rem;border-radius:var(--radius-full);background:var(--color-surface-container-high);animation:month-selector-skeleton-pulse 1.2s ease-in-out infinite}.icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1}.icon--sm{font-size:var(--text-base)}.icon--md{font-size:var(--text-2xl)}.icon--lg{font-size:1.875rem}.icon--filled{font-variation-settings:"FILL" 1,"wght" 400}.icon-chip{display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-chip--sm{width:2.5rem;height:2.5rem;border-radius:var(--radius-xl)}.icon-chip--md{padding:.625rem;border-radius:var(--radius-xl)}.icon-chip--lg{padding:1rem;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.icon-chip--primary{background:var(--color-primary-fixed);color:var(--color-on-primary-fixed-variant)}.icon-chip--secondary{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.icon-chip--tertiary{background:var(--color-tertiary-fixed);color:var(--color-on-tertiary-fixed)}.icon-chip--error{background:var(--color-error-container);color:var(--color-on-error-container)}.icon-chip--success{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.avatar{position:relative;flex-shrink:0}.avatar--sm{width:2.5rem;height:2.5rem}.avatar--md{width:3.5rem;height:3.5rem}.avatar--lg{width:4.5rem;height:4.5rem}.avatar__image{width:100%;height:100%;border-radius:var(--radius-2xl);object-fit:cover}.avatar__initials{width:100%;height:100%;border-radius:var(--radius-2xl);background:var(--color-tertiary-fixed);display:flex;align-items:center;justify-content:center;font-family:var(--font-headline);font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-on-tertiary-fixed)}.avatar__badge{position:absolute;bottom:-.25rem;right:-.25rem;width:1.25rem;height:1.25rem;background:var(--color-primary);border-radius:var(--radius-full);border:2px solid var(--color-surface-container-lowest);display:flex;align-items:center;justify-content:center}.avatar__badge .icon{font-size:.625rem;color:var(--color-on-primary)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-family:var(--font-label);font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:-.025em;white-space:nowrap}.badge--error{background:var(--color-error-container);color:var(--color-on-error-container)}.badge--primary{background:var(--color-primary-fixed);color:var(--color-on-primary-fixed)}.badge--secondary{background:var(--color-secondary-fixed);color:var(--color-on-secondary-fixed)}.badge--tertiary{background:var(--color-tertiary-fixed);color:var(--color-on-tertiary-fixed)}.badge--count{background:var(--color-surface-container-high);color:var(--color-on-surface-variant);font-size:var(--text-sm);padding:.125rem .625rem}.badge--neutral{background:var(--color-surface-container);color:var(--color-on-surface-variant)}.progress-bar{position:relative;width:100%;overflow:visible}.progress-bar--sm{--pb-track-h: .375rem}.progress-bar--md{--pb-track-h: .75rem}.progress-bar--lg{--pb-track-h: 1rem}.progress-bar__track{width:100%;height:var(--pb-track-h);background:var(--color-surface-container-highest);border-radius:var(--radius-full);overflow:hidden}.progress-bar__track-shell{position:relative;height:var(--pb-track-h)}.progress-bar--with-marker{--pb-overhang: .375rem;--pb-label-gap: .25rem;--pb-marker-label-h: .625rem;--pb-marker-amount-h: .6875rem;padding-top:calc(var(--pb-marker-label-h) + var(--pb-label-gap) + var(--pb-overhang));padding-bottom:var(--pb-overhang)}.progress-bar--with-marker-amount.progress-bar--with-marker{padding-top:calc(var(--pb-marker-label-h) + var(--pb-label-gap) + var(--pb-marker-amount-h) + var(--pb-label-gap) + var(--pb-overhang))}.progress-bar__marker{position:absolute;z-index:2;bottom:calc(-1 * var(--pb-overhang));display:flex;flex-direction:column;align-items:center;gap:var(--pb-label-gap);transform:translate(-50%);cursor:default}.progress-bar__marker-label{flex:0 0 auto;font-size:var(--pb-marker-label-h);font-weight:600;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:var(--color-on-surface-variant);white-space:nowrap}.progress-bar__marker-amount{flex:0 0 auto;font-size:var(--pb-marker-amount-h);font-weight:600;line-height:1.15;color:var(--color-on-surface);white-space:nowrap}.progress-bar__marker-line{flex:0 0 auto;box-sizing:border-box;width:0;height:calc(var(--pb-track-h) + 2 * var(--pb-overhang));margin:0;border:none;border-left:2px dashed var(--color-on-surface);opacity:.65}.progress-bar__fill-stack{display:flex;height:100%;flex-direction:row;border-radius:var(--radius-full);overflow:hidden;min-width:0;transition:width .5s ease}.progress-bar__segment{flex:0 0 auto;height:100%;min-width:0}.progress-bar__segment--primary{background:var(--color-primary)}.progress-bar__segment--warning{background:var(--color-tertiary-fixed-dim)}.progress-bar__segment--danger{background:var(--color-error)}.progress-bar__fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.progress-bar__fill--primary{background:var(--color-primary)}.progress-bar__fill--secondary{background:var(--color-secondary)}.progress-bar__fill--tertiary{background:var(--color-tertiary-container)}.progress-bar__fill--error{background:var(--color-error)}.progress-bar__fill--gradient{background:linear-gradient(to right,var(--color-primary),var(--color-primary-container))}.budget-overview-card{background:var(--color-surface-container-lowest);padding:1.5rem;border-radius:var(--radius-3xl);box-shadow:var(--shadow-md);border:1px solid color-mix(in srgb,var(--color-outline-variant) 10%,transparent);position:relative;overflow:visible}.budget-overview-card__bg-icon{position:absolute;top:0;right:0;padding:1rem;opacity:.1;font-size:var(--text-5xl);color:var(--color-on-surface)}.budget-overview-card__inner{position:relative;z-index:1}.budget-overview-card__label{font-family:var(--font-label);font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-outline);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem}.budget-overview-card__amounts{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1rem}.budget-overview-card__spent{font-family:var(--font-headline);font-size:var(--text-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-on-surface)}.budget-overview-card__spent--error{color:var(--color-error)}.budget-overview-card__total{font-family:var(--font-label);font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-outline)}.budget-overview-card__meta{display:flex;justify-content:space-between;margin-top:.5rem;margin-bottom:0}.budget-overview-card__percent{font-family:var(--font-label);font-weight:var(--font-weight-bold);font-size:var(--text-sm);margin:0}.budget-overview-card__percent--tone-primary{color:var(--color-primary)}.budget-overview-card__percent--tone-secondary{color:var(--color-secondary)}.budget-overview-card__percent--tone-tertiary{color:var(--color-tertiary-container)}.budget-overview-card__percent--tone-error{color:var(--color-error)}.budget-overview-card__remaining{font-family:var(--font-label);font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-outline)}.budget-overview-card__remaining--error{color:var(--color-error)}.card{border-radius:var(--radius-3xl);transition:background-color .2s}.card--elevated{background:var(--color-surface-container-lowest);box-shadow:var(--shadow-md)}.card--filled{background:var(--color-surface-container-low)}.card--outlined{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant)}.card--padding-none{padding:0}.card--padding-sm{padding:1rem}.card--padding-md{padding:1.5rem}.card--padding-lg{padding:2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;cursor:pointer;font-family:var(--font-label);font-weight:var(--font-weight-bold);transition:background-color .2s,transform .1s}.button:disabled{opacity:.5;cursor:not-allowed}.button:active:not(:disabled){transform:scale(.95)}.button--sm{padding:.5rem 1rem;border-radius:var(--radius-lg);font-size:var(--text-sm)}.button--md{padding:.875rem 1.5rem;border-radius:var(--radius-xl);font-size:var(--text-base)}.button--lg{padding:1rem 2.5rem;border-radius:var(--radius-2xl);font-size:var(--text-base)}.button--primary{background:var(--color-primary);color:var(--color-on-primary)}.button--primary:hover:not(:disabled){background:var(--color-primary-container)}.button--outline{background:transparent;border:1px solid var(--color-outline-variant);color:var(--color-on-surface)}.button--outline:hover:not(:disabled){background:var(--color-surface-container-high)}.button--ghost{background:transparent;color:var(--color-on-surface-variant)}.button--ghost:hover:not(:disabled){background:var(--color-surface-container-high)}.button--dashed{background:transparent;border:2px dashed var(--color-outline-variant);color:var(--color-outline)}.button--dashed:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.button--link{background:transparent;color:var(--color-primary);padding:0}.button--link:hover:not(:disabled){text-decoration:underline}.icon-button{display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;flex-shrink:0;transition:background-color .2s,transform .1s}.icon-button:disabled{opacity:.5;cursor:not-allowed}.icon-button:active:not(:disabled){transform:scale(.9)}.icon-button--sm{width:2rem;height:2rem;border-radius:var(--radius-lg)}.icon-button--md{width:2.5rem;height:2.5rem;border-radius:var(--radius-xl)}.icon-button--standard{background:transparent;color:var(--color-outline-variant)}.icon-button--standard:hover:not(:disabled){background:var(--color-surface-container-high);color:var(--color-on-surface)}.icon-button--filled{background:var(--color-primary);color:var(--color-on-primary)}.icon-button--filled:hover:not(:disabled){background:var(--color-primary-container)}.icon-button--tonal{background:var(--color-surface-container-high);color:var(--color-on-surface)}.icon-button--tonal:hover:not(:disabled){background:var(--color-surface-container-highest)}.text-field{background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);padding:.875rem 1rem;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-on-surface);transition:border-color .2s;width:100%}.text-field::placeholder{color:var(--color-outline)}.text-field:focus{outline:none;border-color:var(--color-primary)}.text-field:disabled{opacity:.6;cursor:not-allowed}.toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer}.toggle__input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.toggle__track{width:3.5rem;height:2rem;background:var(--color-surface-container-highest);border-radius:var(--radius-full);position:relative;transition:background-color .2s}.toggle__track:after{content:"";position:absolute;top:.25rem;left:.25rem;width:1.5rem;height:1.5rem;background:var(--color-surface-container-lowest);border-radius:var(--radius-full);transition:transform .2s}.toggle__input:checked+.toggle__track{background:var(--color-secondary)}.toggle__input:checked+.toggle__track:after{transform:translate(1.5rem)}.toggle__input:disabled+.toggle__track{opacity:.5;cursor:not-allowed}.segmented-control{display:flex;background:var(--color-surface-container-low);padding:.25rem;border-radius:var(--radius-xl)}.segmented-control__option{display:flex;align-items:center;gap:.5rem;padding:.375rem 1rem;border-radius:var(--radius-lg);border:none;cursor:pointer;font-family:var(--font-label);font-size:var(--text-sm);font-weight:var(--font-weight-bold);background:transparent;color:var(--color-on-surface-variant);transition:background-color .2s,color .2s,box-shadow .2s}.segmented-control__option:hover{background:var(--color-surface-container-high)}.segmented-control__option--active{background:var(--color-surface-container-lowest);color:var(--color-primary);box-shadow:var(--shadow-sm)}.segmented-control__option--active:hover{background:var(--color-surface-container-lowest)}.range-slider{width:100%;height:.5rem;background:var(--color-surface-container-highest);border-radius:var(--radius-lg);appearance:none;cursor:pointer;outline:none}.range-slider::-webkit-slider-thumb{appearance:none;height:1.5rem;width:1.5rem;border-radius:var(--radius-full);background:var(--color-primary);cursor:pointer;box-shadow:0 4px 12px #00459433;border:4px solid var(--color-surface-container-lowest)}.range-slider:disabled{opacity:.5;cursor:not-allowed}.tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-xl);font-family:var(--font-label);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);background:var(--color-surface-container-low)}.tag__value{color:var(--color-on-surface)}.tag__remove{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;color:var(--color-outline);transition:color .2s}.tag__remove:hover{color:var(--color-error)}.section-header__title{font-family:var(--font-headline);font-size:var(--text-3xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.025em;color:var(--color-on-surface);margin:0 0 .5rem}.section-header__description{font-family:var(--font-label);font-size:var(--text-lg);color:var(--color-on-surface-variant);max-width:40rem;line-height:1.6;margin:0}.search-field{position:relative;display:flex;align-items:center;background:var(--color-surface-container-highest);border:none;border-radius:var(--radius-2xl);padding:0 1rem;transition:box-shadow .2s}.search-field:focus-within{box-shadow:0 0 0 2px var(--color-primary)}.search-field__icon{color:var(--color-outline);flex-shrink:0}.search-field__input{flex:1;background:transparent;border:none;padding:1rem .75rem;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--color-on-surface);outline:none;width:100%}.search-field__input::placeholder{color:var(--color-outline-variant)}.search-field__input:disabled{opacity:.6;cursor:not-allowed}.checkbox{display:inline-flex;align-items:center;cursor:pointer}.checkbox__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.checkbox__control{width:1.5rem;height:1.5rem;border-radius:var(--radius-full);border:2px solid var(--color-outline-variant);display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s}.checkbox__icon{color:var(--color-on-primary);opacity:0;transition:opacity .15s}.checkbox__input:checked+.checkbox__control{background:var(--color-primary);border-color:var(--color-primary)}.checkbox__input:checked+.checkbox__control .checkbox__icon{opacity:1}.checkbox__input:disabled+.checkbox__control{opacity:.5;cursor:not-allowed}.stepper{display:flex;align-items:center;justify-content:center;gap:.5rem}.stepper--bar .stepper__step{height:.375rem;width:3rem;border-radius:var(--radius-full);background:var(--color-surface-container-highest);transition:background-color .3s}.stepper--bar .stepper__step--completed{background:var(--color-secondary)}.stepper--bar .stepper__step--active{background:var(--color-primary)}.stepper--dot .stepper__step{height:.5rem;width:.5rem;border-radius:var(--radius-full);background:var(--color-primary-fixed-dim);transition:background-color .3s,width .3s}.stepper--dot .stepper__step--completed{background:var(--color-primary-fixed-dim)}.stepper--dot .stepper__step--active{width:2rem;background:var(--color-primary)}.list-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:var(--radius-2xl);transition:background-color .2s,box-shadow .2s;width:100%;border:none;background:transparent;text-align:left;font-family:var(--font-body)}.list-item--clickable{cursor:pointer}.list-item--clickable:hover{background:var(--color-surface-container-lowest)}.list-item--clickable:active{transform:scale(.99)}.list-item__leading{flex-shrink:0}.list-item__content{flex:1;display:flex;flex-direction:column;gap:.125rem;min-width:0}.list-item__title{font-weight:var(--font-weight-bold);font-size:var(--text-base);color:var(--color-on-surface)}.list-item__subtitle{font-family:var(--font-label);font-size:var(--text-xs);color:var(--color-on-surface-variant)}.list-item__trailing{flex-shrink:0}.list-item__chevron{flex-shrink:0;color:var(--color-outline-variant);transition:color .2s}.list-item--clickable:hover .list-item__chevron{color:var(--color-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;text-align:center}.empty-state__icon-container{width:4rem;height:4rem;border-radius:var(--radius-full);background:var(--color-surface-container);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.empty-state__icon{color:var(--color-outline)}.empty-state__message{font-family:var(--font-label);font-size:var(--text-sm);color:var(--color-outline);letter-spacing:-.025em}.empty-state__action{margin-top:1rem;background:none;border:none;cursor:pointer;color:var(--color-primary);font-family:var(--font-headline);font-size:var(--text-base);font-weight:var(--font-weight-bold);padding:0}.empty-state__action:hover{text-decoration:underline}.info-banner{display:flex;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--radius-2xl);align-items:flex-start}.info-banner__icon{flex-shrink:0}.info-banner__content{flex:1;min-width:0}.info-banner__title{font-family:var(--font-headline);font-size:var(--text-base);font-weight:var(--font-weight-bold);margin-bottom:.25rem}.info-banner__body{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-on-surface-variant);line-height:1.5}.info-banner--info{background:var(--color-primary-fixed)}.info-banner--info .info-banner__icon,.info-banner--info .info-banner__title{color:var(--color-primary)}.info-banner--warning{background:var(--color-tertiary-fixed)}.info-banner--warning .info-banner__icon{color:var(--color-tertiary-container)}.info-banner--warning .info-banner__title{color:var(--color-tertiary)}.info-banner--security{background:var(--color-secondary-fixed)}.info-banner--security .info-banner__icon,.info-banner--security .info-banner__title{color:var(--color-secondary)}.info-banner--neutral{background:var(--color-surface-container-low)}.info-banner--neutral .info-banner__icon{color:var(--color-on-surface-variant)}.info-banner--neutral .info-banner__title{color:var(--color-on-surface)}.fab{position:relative;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border:none;border-radius:var(--radius-3xl);cursor:pointer;transition:transform .15s,box-shadow .2s}.fab:hover{transform:scale(1.05)}.fab:active{transform:scale(.95)}.fab--primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-xl)}.fab--secondary{background:var(--color-secondary);color:var(--color-on-secondary);box-shadow:var(--shadow-xl)}.fab--tertiary{background:var(--color-tertiary);color:var(--color-on-tertiary);box-shadow:var(--shadow-xl)}.fab__tooltip{position:absolute;right:100%;margin-right:1rem;background:var(--color-inverse-surface);color:var(--color-inverse-on-surface);padding:.5rem 1rem;border-radius:var(--radius-xl);font-family:var(--font-label);font-size:var(--text-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.fab:hover .fab__tooltip{opacity:1}.stat-display{display:flex;flex-direction:column;gap:.25rem}.stat-display__label{font-family:var(--font-label);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-bold);color:var(--color-outline)}.stat-display__value{font-family:var(--font-headline);font-weight:var(--font-weight-bold)}.stat-display--sm .stat-display__value{font-size:var(--text-base)}.stat-display--md .stat-display__value{font-size:var(--text-2xl)}.stat-display--default .stat-display__value{color:var(--color-on-surface)}.stat-display--primary .stat-display__value{color:var(--color-primary)}.stat-display--secondary .stat-display__value{color:var(--color-secondary)}.stat-display--error .stat-display__value{color:var(--color-error)}.number-input{display:flex;align-items:center;gap:.5rem;background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);padding:.625rem .75rem;transition:border-color .2s}.number-input:focus-within{border-color:var(--color-primary)}.number-input__field{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-label);font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-primary);width:100%;min-width:0;appearance:textfield}.number-input__field::-webkit-inner-spin-button,.number-input__field::-webkit-outer-spin-button{appearance:none;margin:0}.number-input__field::placeholder{color:var(--color-outline);font-weight:var(--font-weight-regular)}.number-input__field:disabled{opacity:.6;cursor:not-allowed}.number-input__suffix{font-family:var(--font-label);font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-outline);flex-shrink:0}.option-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background:var(--color-surface-container-lowest);border:1px solid transparent;border-radius:var(--radius-3xl);cursor:pointer;font-family:var(--font-body);box-shadow:var(--shadow-sm);transition:background-color .2s,border-color .2s,box-shadow .2s,transform .1s}.option-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-outline-variant)}.option-card:active{transform:scale(.95)}.option-card--selected{background:var(--color-primary-container);color:var(--color-on-primary-container);box-shadow:0 0 0 2px var(--color-primary)}.option-card--selected:hover{box-shadow:0 0 0 2px var(--color-primary)}.code-snippet{display:inline-block;padding:.125rem .5rem;background:var(--color-surface-container-high);border-radius:var(--radius-md);font-family:var(--font-label);font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-on-surface);letter-spacing:0}.confirm-dialog__backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.confirm-dialog{background:var(--color-surface-container-lowest);border-radius:var(--radius-3xl);padding:2rem;max-width:22rem;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--shadow-lg)}.confirm-dialog__icon-container{width:3rem;height:3rem;border-radius:var(--radius-full);background:var(--color-primary-container);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.confirm-dialog__icon{color:var(--color-primary);font-size:1.5rem}.confirm-dialog--danger .confirm-dialog__icon-container{background:var(--color-error-container)}.confirm-dialog--danger .confirm-dialog__icon{color:var(--color-error)}.confirm-dialog--danger .button--primary{background:var(--color-error)}.confirm-dialog__title{font-family:var(--font-headline);font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-on-surface);margin:0 0 .5rem}.confirm-dialog__message{font-family:var(--font-label);font-size:var(--text-sm);color:var(--color-outline);margin:0 0 1.5rem;line-height:1.5}.confirm-dialog__actions{display:flex;gap:.75rem;width:100%;justify-content:center}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;gap:1.5rem;background:var(--color-surface)}.loading-screen__spinner{width:2.5rem;height:2.5rem;border:3px solid var(--color-surface-container);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:loading-screen-spin .8s linear infinite}@keyframes loading-screen-spin{to{transform:rotate(360deg)}}.loading-screen__message{font-family:var(--font-label);font-size:var(--text-sm);color:var(--color-outline);letter-spacing:-.025em}.activity-item{display:flex;align-items:flex-start;gap:1rem;padding:.75rem 0;position:relative}.activity-item__icon-wrapper{width:2.5rem;height:2.5rem;border-radius:var(--radius-xl);background:var(--color-surface-container-high);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;color:var(--color-on-surface-variant)}.activity-item__content{flex:1}.activity-item__description{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-on-surface);line-height:1.5;margin:0}.activity-item__time{font-family:var(--font-label);font-size:var(--text-sm);color:var(--color-on-surface-variant);margin:.125rem 0 0}.activity-log{padding:0}.activity-log__title{font-family:var(--font-headline);font-weight:var(--font-weight-bold);font-size:var(--text-xl);color:var(--color-on-surface);margin:0 0 1rem}.activity-log__list{display:flex;flex-direction:column;position:relative}.activity-log__list:before{content:"";position:absolute;left:1.25rem;top:2.5rem;bottom:0;width:2px;background:var(--color-outline-variant);opacity:.4}.member-card{background:var(--color-surface-container-low);padding:1.25rem;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:space-between}.member-card--admin{background:var(--color-surface-container-lowest);box-shadow:var(--shadow-sm)}.member-card__left{display:flex;align-items:center;gap:1rem}.member-card__name{font-family:var(--font-body);font-weight:var(--font-weight-bold);color:var(--color-on-surface);margin:0}.member-card__role{font-family:var(--font-label);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-semibold);color:var(--color-on-surface-variant);margin:.125rem 0 0}.member-card__role--admin{color:var(--color-primary);font-weight:var(--font-weight-bold)}.invite-form__title{font-family:var(--font-headline);font-weight:var(--font-weight-bold);font-size:var(--text-xl);color:var(--color-on-surface);margin:0 0 .5rem}.invite-form__description{font-family:var(--font-label);font-size:var(--text-base);color:var(--color-on-surface-variant);margin:0 0 1rem}.invite-form__field-label{font-family:var(--font-label);font-size:var(--text-sm);color:var(--color-on-surface-variant);margin:0 0 .5rem}.invite-form__role-row{margin-bottom:1rem}.invite-form__error{color:var(--color-error);font-size:var(--text-sm);margin:0 0 .75rem}.invite-form__row{display:flex;gap:.75rem;align-items:center}.invite-form__field{flex:1}.family-view{background:var(--color-surface);font-family:var(--font-body);color:var(--color-on-surface);min-height:100vh;padding-bottom:8rem}.family-view__header{margin-bottom:1rem}.family-view__members-title{font-family:var(--font-headline);font-weight:var(--font-weight-bold);font-size:var(--text-xl);color:var(--color-on-surface);margin:0 0 1rem}.family-view__members{display:flex;flex-direction:column;gap:.75rem}.family-view__section{margin-top:1.5rem}.family-view__section-title{font-family:var(--font-headline);font-weight:var(--font-weight-bold);font-size:var(--text-lg);color:var(--color-on-surface);margin:0 0 .75rem}.family-view__empty-line{font-size:var(--text-base);color:var(--color-on-surface-variant);margin:0}.family-view__invitations{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.family-view__invitation{display:flex;flex-direction:column;padding:.75rem 1rem;background:var(--color-surface-container-low, var(--color-surface));border-radius:var(--radius-md, .5rem)}.family-view__invitation-email{font-weight:var(--font-weight-bold);font-size:var(--text-base)}.family-view__invitation-meta{font-size:var(--text-sm);color:var(--color-on-surface-variant)}.family-view__activity{margin-top:1.5rem}.audit-view{display:flex;flex-direction:column;min-height:100dvh;background:var(--color-surface)}.audit-view__error{color:var(--color-error);font-size:var(--text-sm);margin:0}.budget-progress-gradient{position:relative;overflow:hidden;border-radius:var(--radius-3xl);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-container));padding:2rem;color:var(--color-on-primary);box-shadow:var(--shadow-xl)}.budget-progress-gradient__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.budget-progress-gradient__content{flex-direction:row;align-items:flex-end;justify-content:space-between}}.budget-progress-gradient__label{font-family:var(--font-label);font-size:var(--text-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.1em;opacity:.8;margin:0}.budget-progress-gradient__amounts{font-family:var(--font-headline);font-weight:var(--font-weight-extrabold);font-size:var(--text-4xl);letter-spacing:-.025em;margin:.25rem 0 0}.budget-progress-gradient__amounts--error{color:var(--color-error-container)}.budget-progress-gradient__total-inline{font-size:var(--text-xl);font-weight:var(--font-weight-medium);opacity:.7}.budget-progress-gradient__right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.budget-progress-gradient__percent-text{font-family:var(--font-label);font-size:var(--text-base);font-weight:var(--font-weight-bold);margin:0}.budget-progress-gradient__percent-text--primary{color:var(--color-on-primary)}.budget-progress-gradient__percent-text--secondary{color:color-mix(in srgb,var(--color-secondary-fixed) 95%,white)}.budget-progress-gradient__percent-text--tertiary{color:color-mix(in srgb,var(--color-tertiary-fixed) 90%,white)}.budget-progress-gradient__percent-text--error{color:var(--color-error-container)}.budget-progress-gradient__track{width:12rem;height:.5rem;background:color-mix(in srgb,var(--color-on-primary) 20%,transparent);border-radius:var(--radius-full);overflow:hidden}.budget-progress-gradient__fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.budget-progress-gradient__fill--primary{background:var(--color-primary)}.budget-progress-gradient__fill--secondary{background:var(--color-secondary)}.budget-progress-gradient__fill--tertiary{background:var(--color-tertiary-container)}.budget-progress-gradient__fill--error{background:var(--color-error)}.budget-progress-gradient__decoration{position:absolute;right:-2rem;bottom:-2rem;width:12rem;height:12rem;background:color-mix(in srgb,var(--color-on-primary) 5%,transparent);border-radius:var(--radius-full);filter:blur(48px)}.transaction-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:var(--radius-2xl);background:var(--color-surface-container-low);cursor:pointer;transition:background-color .3s}.transaction-item:hover{background:var(--color-surface-container-lowest)}.transaction-item:active{transform:scale(.98)}.transaction-item__left{display:flex;align-items:center;gap:1rem}.transaction-item__merchant{font-family:var(--font-headline);font-weight:var(--font-weight-bold);font-size:var(--text-lg);color:var(--color-on-surface);margin:0}.transaction-item__detail{font-family:var(--font-label);font-size:var(--text-sm);color:var(--color-on-surface-variant);margin:.125rem 0 0}.transaction-item__right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.transaction-item__amount{font-family:var(--font-headline);font-weight:var(--font-weight-extrabold);font-size:var(--text-lg);color:var(--color-on-surface);margin:0}.transaction-group{display:flex;flex-direction:column;gap:.75rem}.transaction-group__label{font-family:var(--font-label);font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.1em;margin:0;padding:0 .5rem}.category-detail-view__edit-category{margin-bottom:1rem}.category-detail-view{background:var(--color-surface);font-family:var(--font-body);color:var(--color-on-surface);min-height:100vh;display:flex;flex-direction:column;padding-bottom:8rem}.category-detail-view__transactions-header{display:flex;align-items:center;justify-content:space-between}.category-detail-view__transactions-title{font-family:var(--font-headline);font-weight:var(--font-weight-bold);font-size:var(--text-2xl);color:var(--color-on-surface);margin:0}.category-detail-view__transaction-groups{display:flex;flex-direction:column;gap:2rem}.category-detail-view__error{margin:0;padding:1rem;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-error) 12%,transparent);color:var(--color-on-surface)}.category-detail-view__no-budget{margin:0;font-size:var(--text-sm);color:var(--color-on-surface-muted)}.category-item{background:var(--color-surface-container-low);padding:1rem;border-radius:var(--radius-2xl);display:flex;flex-direction:column;gap:.75rem;transition:background-color .3s}.category-item--interactive{cursor:pointer}.category-item:hover{background:var(--color-surface-container-lowest)}.category-item--unpatched{background:color-mix(in srgb,var(--color-tertiary-fixed) 20%,transparent);border:1px solid color-mix(in srgb,var(--color-tertiary-container) 10%,transparent)}.category-item--unpatched:hover{background:color-mix(in srgb,var(--color-tertiary-fixed) 30%,transparent)}.category-item__header{display:flex;align-items:center;justify-content:space-between}.category-item__left{display:flex;align-items:center;gap:.75rem}.category-item__name{font-family:var(--font-headline);font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-on-surface);margin:0}.category-item--unpatched .category-item__name{color:var(--color-tertiary-container)}.category-item__transactions{font-family:var(--font-label);font-size:var(--text-xs);color:var(--color-outline);text-transform:uppercase;font-weight:var(--font-weight-semibold);margin:0}.category-item--unpatched .category-item__transactions{color:var(--color-tertiary);font-weight:var(--font-weight-bold)}.category-item__right{text-align:right}.category-item__amount{font-family:var(--font-label);font-size:var(--text-base);font-weight:var(--font-weight-extrabold);color:var(--color-on-surface);margin:0}.category-item__amount--error{color:var(--color-error)}.category-item--unpatched .category-item__amount{color:var(--color-tertiary-container)}.category-item__budget{font-family:var(--font-label);font-size:var(--text-xs);color:var(--color-outline);font-weight:var(--font-weight-medium);margin:0}.category-item__progress--unpatched .progress-bar{background:color-mix(in srgb,var(--color-tertiary-container) 10%,transparent)}.category-list__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.category-list__title{font-family:var(--font-headline);font-size:var(--text-xl);font-weight:var(--font-weight-extrabold);color:var(--color-on-surface);letter-spacing:-.025em;margin:0}.category-list__sort{display:flex;align-items:center;gap:.5rem}.category-list__sort-label{font-family:var(--font-label);font-size:var(--text-xs);font-weight:var(--font-weight-bold);color:var(--color-outline);text-transform:uppercase;letter-spacing:.1em}.category-list__sort-button{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--radius-full);background:var(--color-surface-container-high);border:none;cursor:pointer;font-family:var(--font-label);font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-on-surface);transition:background-color .2s}.category-list__sort-button:hover{background:var(--color-surface-container-highest)}.category-list__items{display:flex;flex-direction:column;gap:.75rem}.dashboard-view{background:var(--color-surface);font-family:var(--font-body);color:var(--color-on-surface);min-height:100vh}.dashboard-view__error{margin:0;padding:1rem;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-error) 12%,transparent);color:var(--color-on-surface)}.dashboard-view__indicators{display:grid;grid-template-columns:1fr;gap:1rem}.login-view{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:1.5rem;background:var(--color-surface)}.login-view__card{max-width:24rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.login-view__header{display:flex;flex-direction:column;align-items:center;gap:.5rem}.login-view__logo{width:4rem;height:4rem;border-radius:var(--radius-full);background:var(--color-primary-container);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.login-view__logo-icon{font-size:2rem;color:var(--color-primary)}.login-view__title{font-family:var(--font-headline);font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-on-surface);margin:0}.login-view__subtitle{font-family:var(--font-label);font-size:var(--text-sm);color:var(--color-outline);margin:0}.login-view__google-slot{display:flex;justify-content:center;width:100%}.create-family-form{display:flex;flex-direction:column;gap:.75rem}.create-family-form__title{font-family:var(--font-headline);font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-on-surface);margin:0}.create-family-form__description{font-family:var(--font-label);font-size:var(--text-sm);color:var(--color-outline);margin:0}.create-family-form__row{display:flex;gap:.75rem;align-items:flex-start}.create-family-form__field{flex:1}.pending-invitation-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem}.pending-invitation-card__icon-container{width:3.5rem;height:3.5rem;border-radius:var(--radius-full);background:var(--color-primary-container);display:flex;align-items:center;justify-content:center}.pending-invitation-card__icon{font-size:var(--text-2xl);color:var(--color-primary)}.pending-invitation-card__title{font-family:var(--font-headline);font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-on-surface);margin:0}.pending-invitation-card__description{font-family:var(--font-label);font-size:var(--text-sm);color:var(--color-outline);margin:0;line-height:1.5}.onboarding-view{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:1.5rem;background:var(--color-surface)}.onboarding-view__container{max-width:24rem;width:100%;display:flex;flex-direction:column;gap:1.5rem}.onboarding-view__header{text-align:center}.onboarding-view__title{font-family:var(--font-headline);font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-on-surface);margin:0 0 .5rem}.onboarding-view__subtitle{font-family:var(--font-label);font-size:var(--text-sm);color:var(--color-outline);margin:0}.onboarding-view__options{display:flex;flex-direction:column;gap:.75rem}.onboarding-view__option-content{display:flex;align-items:center;gap:.75rem}.onboarding-view__option-label{font-family:var(--font-headline);font-size:var(--text-base);font-weight:var(--font-weight-semibold)}.onboarding-view__back{align-self:center}.bank-auth-card{display:flex;flex-direction:column;gap:1rem}.bank-auth-card__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.bank-auth-card__info{display:flex;align-items:center;gap:.75rem}.bank-auth-card__icon-container{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background:var(--color-primary-container);display:flex;align-items:center;justify-content:center}.bank-auth-card__icon{color:var(--color-primary)}.bank-auth-card__name{font-family:var(--font-headline);font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-on-surface);margin:0}.bank-auth-card__expiry{font-family:var(--font-label);font-size:var(--text-xs);color:var(--color-outline);margin:0}.bank-auth-card__actions{display:flex;gap:.5rem;justify-content:flex-end}.bank-authorizations-view{display:flex;flex-direction:column;min-height:100dvh;background:var(--color-surface)}.bank-authorizations-view__list{display:flex;flex-direction:column;gap:.75rem}.bank-authorizations-view__error{color:var(--color-error);font-size:var(--text-sm);margin:0}.bank-authorizations-view__action-error{color:var(--color-error);font-size:var(--text-sm);margin:0 0 .75rem}.bank-account-selector{display:flex;flex-direction:column;gap:1rem}.bank-account-selector__title{font-family:var(--font-headline);font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-on-surface);margin:0}.bank-account-selector__list{display:flex;flex-direction:column;gap:.5rem}.bank-account-selector__item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius-xl);background:var(--color-surface-container-lowest);cursor:pointer}.bank-account-selector__item:hover{background:var(--color-surface-container)}.bank-account-selector__account-info{display:flex;flex-direction:column}.bank-account-selector__label{font-family:var(--font-headline);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-on-surface)}.bank-account-selector__iban{font-family:var(--font-label);font-size:var(--text-xs);color:var(--color-outline);letter-spacing:.05em}.add-bank-auth-view{display:flex;flex-direction:column;min-height:100dvh;background:var(--color-surface)}.add-bank-auth-view__banks{display:flex;flex-direction:column;gap:.5rem}.add-bank-auth-view__bank-option{display:flex;align-items:center;gap:.75rem;font-family:var(--font-headline);font-size:var(--text-base);font-weight:var(--font-weight-semibold)}.uncategorized-view{display:flex;flex-direction:column;min-height:100dvh;background:var(--color-surface)}.uncategorized-view__transactions-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.uncategorized-view__transactions-title{font-family:var(--font-headline);font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-on-surface);margin:0}.uncategorized-view__transaction-groups{display:flex;flex-direction:column;gap:1rem}.uncategorized-view__no-budget{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-on-surface-variant);margin:0 0 1rem}.uncategorized-view__error{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-error);margin:1rem 0 0}.create-category-form{display:flex;flex-direction:column;gap:.75rem}.create-category-form__row{display:flex;gap:.75rem;align-items:flex-start}.create-category-form__field{flex:1}.create-category-form__icons{border:none;margin:0;padding:0;min-width:0}.create-category-form__icons-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:.5rem;padding:0}.create-category-form__icon-grid{display:flex;flex-wrap:wrap;gap:.5rem}.create-category-form__icon-option{display:flex;align-items:center;justify-content:center;padding:.25rem;border:2px solid transparent;border-radius:var(--radius-md);background:var(--color-surface-elevated);cursor:pointer}.create-category-form__icon-option--active{border-color:var(--color-primary)}.create-category-form__icon-option:disabled{opacity:.5;cursor:not-allowed}.categories-list-view{display:flex;flex-direction:column;min-height:100dvh;background:var(--color-surface)}.categories-list-view__list{display:flex;flex-direction:column;gap:.25rem}.categories-list-view__row{display:flex;align-items:center;gap:.25rem}.categories-list-view__row .list-item{flex:1;min-width:0}.categories-list-view__error{color:var(--color-error);font-size:var(--text-sm);margin:0}.budget-line-editor{display:flex;flex-direction:column;gap:1rem}.budget-line-editor__header{display:flex;align-items:center;justify-content:space-between}.budget-line-editor__category{display:flex;align-items:center;gap:.5rem}.budget-line-editor__name{font-family:var(--font-headline);font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-on-surface)}.budget-line-editor__field{display:flex;flex-direction:column;gap:.25rem}.budget-line-editor__slider-header{display:flex;justify-content:space-between;align-items:center}.budget-line-editor__label{font-family:var(--font-label);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-outline);text-transform:uppercase;letter-spacing:.05em}.budget-line-editor__value{font-family:var(--font-label);font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-primary)}.budget-line-editor__status{min-height:1.25rem;margin:0;font-family:var(--font-label);font-size:var(--text-xs);line-height:1.25}.budget-line-editor__status-line{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-outline)}.budget-line-editor__spinner{display:inline-block;animation:budget-line-editor-spin .8s linear infinite}@keyframes budget-line-editor-spin{to{transform:rotate(360deg)}}.budget-line-editor__saved{color:var(--color-on-surface);font-weight:var(--font-weight-medium);opacity:.7}.budgets-view{display:flex;flex-direction:column;min-height:100dvh;background:var(--color-surface)}.budgets-view__message{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-on-surface);margin:0 0 .75rem}.budgets-view__message--error{color:var(--color-error)}.budgets-view__list{display:flex;flex-direction:column;gap:.75rem}.budgets-view__uncategorized{display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem}.budgets-view__uncategorized-row{display:flex;align-items:center;justify-content:space-between}.budgets-view__uncategorized-label{font-family:var(--font-headline);font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-on-surface)}.category-edit-fields{display:flex;flex-direction:column;gap:.75rem}.category-edit-fields__row{display:flex;gap:.75rem;align-items:flex-start}.category-edit-fields__field{flex:1}.category-edit-fields__icons{border:none;margin:0;padding:0;min-width:0}.category-edit-fields__icons-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:.5rem;padding:0}.category-edit-fields__icon-grid{display:flex;flex-wrap:wrap;gap:.5rem}.category-edit-fields__icon-option{display:flex;align-items:center;justify-content:center;padding:.25rem;border:2px solid transparent;border-radius:var(--radius-md);background:var(--color-surface-elevated);cursor:pointer}.category-edit-fields__icon-option--active{border-color:var(--color-primary)}.category-edit-fields__icon-option:disabled{opacity:.5;cursor:not-allowed}.pattern-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;justify-content:space-between}.pattern-row--editing{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem;border-radius:var(--radius-md);background:var(--color-surface-elevated)}.pattern-row__actions{display:flex;gap:.25rem}.pattern-row__edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.pattern-row__field{width:100%}.pattern-input{display:flex;align-items:center;gap:.75rem}.patterns-view{background:var(--color-surface);font-family:var(--font-body);color:var(--color-on-surface);min-height:100vh;padding-bottom:8rem}.patterns-view__error{color:var(--color-error);margin:0}.patterns-view__message{margin:0 0 .75rem;color:var(--color-on-surface-variant)}.patterns-view__budget-block{display:flex;flex-direction:column;gap:1rem}.patterns-view__budget-line{margin-top:.25rem}.patterns-view__section{margin-bottom:1.5rem}.patterns-view__card{margin-top:.75rem}.patterns-view__category-heading{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.patterns-view__category-title{font-family:var(--font-headline);font-weight:var(--font-weight-extrabold);font-size:var(--text-xl);color:var(--color-on-surface);margin:0}.patterns-view__pattern-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.patterns-view__pattern-item{margin:0}.patterns-view__add{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-outline-variant)}.pattern-card-large{display:flex;flex-direction:column;gap:1.5rem}.pattern-card-large__header{display:flex;align-items:center;gap:1rem}.pattern-card-large__name{font-family:var(--font-headline);font-weight:var(--font-weight-extrabold);font-size:var(--text-xl);color:var(--color-on-surface);margin:0}.pattern-card-large__count{font-family:var(--font-label);font-size:var(--text-sm);color:var(--color-on-surface-variant);margin:0}.pattern-card-large__tags{display:flex;flex-wrap:wrap;gap:.5rem}.pattern-card-small{display:flex;flex-direction:column;gap:1rem}.pattern-card-small__header{display:flex;align-items:center;justify-content:space-between}.pattern-card-small__left{display:flex;align-items:center;gap:.75rem}.pattern-card-small__name{font-family:var(--font-headline);font-weight:var(--font-weight-bold);font-size:var(--text-lg);color:var(--color-on-surface);margin:0}.pattern-card-small__tags{display:flex;flex-wrap:wrap;gap:.375rem}.engine-stats-card{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-container));border-radius:var(--radius-3xl);padding:2rem;color:var(--color-on-primary);box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.engine-stats-card__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.engine-stats-card__title{font-family:var(--font-headline);font-weight:var(--font-weight-bold);font-size:var(--text-lg);margin:0}.engine-stats-card__stats{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.engine-stats-card__stat{display:flex;flex-direction:column}.engine-stats-card__stat-value{font-family:var(--font-headline);font-weight:var(--font-weight-extrabold);font-size:var(--text-3xl);letter-spacing:-.025em;margin:0}.engine-stats-card__stat-label{font-family:var(--font-label);font-size:var(--text-sm);opacity:.8;margin:0}.engine-stats-card__decoration{position:absolute;right:-2rem;bottom:-2rem;width:10rem;height:10rem;background:color-mix(in srgb,var(--color-on-primary) 5%,transparent);border-radius:var(--radius-full);filter:blur(48px)}