.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:none;justify-content:space-around;align-items:stretch;height:70px;background:var(--bg-secondary);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(max-width:768px){.bottom-nav{display:flex}}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);text-decoration:none;color:var(--text-muted);transition:color var(--transition-fast);position:relative}.bottom-nav__item:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--accent);transition:width var(--transition-fast);border-radius:0 0 2px 2px}.bottom-nav__item:hover{color:var(--text-secondary)}.bottom-nav__item--active{color:var(--accent)}.bottom-nav__item--active:before{width:32px}.bottom-nav__label{font-size:.6875rem;font-weight:500;letter-spacing:.01em}.bottom-nav__item:active{transform:scale(.95)}@media(max-width:768px){.nav{display:none}}.user-menu{position:relative}.user-menu__trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1);background:transparent;border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.user-menu__trigger:hover{background:var(--bg-tertiary);border-color:var(--border-strong)}.user-menu__avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:var(--bg-primary);font-size:.75rem;font-weight:700;border-radius:var(--radius-full);letter-spacing:.025em}.user-menu__avatar--large{width:40px;height:40px;font-size:.875rem}.user-menu__chevron{color:var(--text-muted);transition:transform var(--transition-fast)}.user-menu__chevron--open{transform:rotate(180deg)}.user-menu__dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:240px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;z-index:100;animation:dropdownFadeIn var(--transition-fast)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-menu__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.user-menu__info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.user-menu__email{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu__label{font-size:.75rem;color:var(--text-muted)}.user-menu__divider{height:1px;background:var(--border);margin:var(--space-1) 0}.user-menu__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:none;font-family:var(--font-body);font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left}.user-menu__item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.user-menu__item--danger{color:var(--negative)}.user-menu__item--danger:hover{background:var(--negative-bg);color:var(--negative)}@media(max-width:768px){.user-menu{display:none}}.insights-summary{display:flex;flex-direction:column;gap:var(--space-4)}.insights-summary__header{display:flex;align-items:center;justify-content:space-between}.insights-summary__title{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.insights-summary__link{display:flex;align-items:center;gap:var(--space-1);font-size:.875rem;font-weight:500;color:var(--accent);text-decoration:none;transition:all var(--transition-fast)}.insights-summary__link:hover{color:var(--accent-hover)}.insights-summary__link svg{transition:transform var(--transition-fast)}.insights-summary__link:hover svg{transform:translate(2px)}.insights-summary__loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:var(--text-muted);font-size:.875rem}.insights-summary__spinner{animation:spin 1s linear infinite;color:var(--accent)}.insights-summary__empty{padding:var(--space-6);text-align:center;color:var(--text-muted);font-size:.875rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border)}.insights-summary__error{padding:var(--space-4);text-align:center;color:var(--negative);font-size:.875rem;background:var(--negative-bg);border-radius:var(--radius-lg);border:1px solid var(--negative)}.insights-summary__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}@media(max-width:768px){.insights-summary__cards{grid-template-columns:1fr;gap:var(--space-2)}}.insight-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.insight-card:hover{border-color:var(--border-strong);background:var(--bg-tertiary)}.insight-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);flex-shrink:0}.insight-card__icon--subscriptions{background:#00d4aa26;color:var(--accent)}.insight-card__icon--merchant{background:#a855f726;color:#a855f7}.insight-card__content{flex:1;min-width:0}.insight-card__value{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.2}.insight-card__label{font-size:.75rem;color:var(--text-muted);margin-top:var(--space-1)}.insight-card__label--truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trend-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);flex-shrink:0}.trend-arrow.trend-up{color:var(--negative);background:var(--negative-bg)}.trend-arrow.trend-down{color:var(--positive);background:var(--positive-bg)}.trend-arrow.trend-stable{color:var(--text-muted);background:var(--bg-tertiary)}.spin{animation:spin 1s linear infinite}.dashboard{display:flex;flex-direction:column;gap:var(--space-6);padding-bottom:calc(var(--space-8) + 70px)}@media(min-width:769px){.dashboard{padding-bottom:var(--space-8)}}.balance-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-4);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-radius:var(--radius-xl);position:relative;overflow:hidden}.balance-hero:before{content:"";position:absolute;top:-50%;left:50%;transform:translate(-50%);width:200%;height:100%;background:radial-gradient(ellipse at center,var(--accent-glow) 0%,transparent 60%);pointer-events:none;opacity:.5}.balance-hero__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);position:relative;z-index:1}.balance-hero__label{font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.balance-hero__toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.balance-hero__toggle:hover{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border-strong)}.balance-hero__amount{font-family:var(--font-heading);font-size:clamp(2.5rem,8vw,4rem);font-weight:800;color:var(--text-primary);line-height:1.1;letter-spacing:-.02em;position:relative;z-index:1;font-variant-numeric:tabular-nums}.balance-hero__amount--hidden{filter:blur(20px);-webkit-user-select:none;user-select:none}.balance-hero__sync{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.75rem;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);position:relative;z-index:1}.balance-hero__sync:hover{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-secondary)}.balance-hero__sync:disabled{cursor:not-allowed;opacity:.7}.balance-hero__sync-text{font-weight:500}.accounts-section{display:flex;flex-direction:column;gap:var(--space-3)}.accounts-section__header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-1)}.accounts-section__title{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--text-primary)}.accounts-section__count{font-size:.75rem;color:var(--text-muted);padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-full)}.accounts-scroll{display:flex;gap:var(--space-3);overflow-x:auto;padding:var(--space-1);margin:0 calc(var(--space-1) * -1);scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.accounts-scroll::-webkit-scrollbar{display:none}.account-card-compact{flex:0 0 auto;min-width:200px;max-width:280px;width:calc(50% - var(--space-2));padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);scroll-snap-align:start;position:relative;overflow:hidden}.account-card-compact:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,var(--accent-glow) 100%);opacity:0;transition:opacity var(--transition-fast)}.account-card-compact:hover{border-color:var(--border-strong);transform:translateY(-2px)}.account-card-compact:hover:before{opacity:1}.account-card-compact--selected{border-color:var(--accent);background:var(--bg-tertiary)}.account-card-compact--selected:before{opacity:1}.account-card-compact__content{position:relative;z-index:1}.account-card-compact__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.account-card-compact__icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:1.25rem}.account-card-compact--selected .account-card-compact__icon{background:var(--accent-glow)}.account-card-compact__name{font-family:var(--font-heading);font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-card-compact__type{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.account-card-compact__balance{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.account-card-compact__balance--hidden{filter:blur(12px);-webkit-user-select:none;user-select:none}.account-card-compact__iban{margin-top:var(--space-1);font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted);letter-spacing:.02em}@media(min-width:768px){.account-card-compact{min-width:220px;width:calc(33.333% - var(--space-2))}}@media(min-width:1024px){.account-card-compact{width:calc(25% - var(--space-2))}.accounts-scroll{flex-wrap:wrap;overflow-x:visible}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-header__title{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--text-primary)}.section-header__action{font-size:.875rem;font-weight:500;color:var(--accent);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.section-header__action:hover{color:var(--accent-hover)}.dashboard-section{display:flex;flex-direction:column}.selected-account-info{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:var(--space-3)}.selected-account-info__item{display:flex;flex-direction:column;gap:var(--space-1)}.selected-account-info__label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.selected-account-info__value{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.selected-account-info__disconnect{margin-left:auto}.dashboard-loading{display:flex;flex-direction:column;gap:var(--space-6)}.dashboard-loading__hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8)}.dashboard-loading__cards{display:flex;gap:var(--space-3);overflow:hidden}.insights-summary-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}@media(max-width:640px){.insights-summary-compact{grid-template-columns:1fr;gap:var(--space-2)}}.insight-card-compact{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.insight-card-compact:hover{border-color:var(--border-strong)}.insight-card-compact__header{display:flex;align-items:center;gap:var(--space-2)}.insight-card-compact__icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-muted)}.insight-card-compact__label{font-size:.75rem;font-weight:500;color:var(--text-muted)}.insight-card-compact__value{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.insight-card-compact__value--negative{color:var(--negative)}.insight-card-compact__value--positive{color:var(--positive)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.balance-hero{animation:fadeUp .5s ease-out}.balance-hero__amount{animation:scaleIn .6s ease-out .1s both}.account-card-compact{animation:fadeUp .4s ease-out both}.account-card-compact:nth-child(1){animation-delay:.15s}.account-card-compact:nth-child(2){animation-delay:.2s}.account-card-compact:nth-child(3){animation-delay:.25s}.account-card-compact:nth-child(4){animation-delay:.3s}.account-card-compact:nth-child(5){animation-delay:.35s}.insight-card{animation:fadeUp .4s ease-out both}.insight-card:nth-child(1){animation-delay:.3s}.insight-card:nth-child(2){animation-delay:.35s}.insight-card:nth-child(3){animation-delay:.4s}.accounts-section__header,.section-header{animation:fadeIn .4s ease-out .1s both}.account-card-compact:active,.insight-card:active{transform:scale(.98)}.account-card-compact--selected{box-shadow:0 0 0 1px var(--accent),0 0 20px -5px var(--accent-glow)}.balance-hero__sync:hover,.balance-hero__toggle:hover{box-shadow:0 0 0 1px var(--border-strong)}.subscription-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-surface-secondary, #f9fafb);border-radius:8px;transition:background-color .15s ease}.subscription-card:hover{background:var(--color-surface-hover, #f3f4f6)}.subscription-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:#e5e7eb;color:#6b7280;flex-shrink:0}.subscription-card__content{flex:1;min-width:0;overflow:hidden}.subscription-card__name{font-weight:500;color:var(--color-text, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subscription-card__details{display:flex;align-items:center;gap:.75rem;margin-top:.125rem;font-size:.75rem;color:var(--color-text-muted, #6b7280)}.subscription-card__frequency{color:var(--color-primary, #3b82f6)}.subscription-card__next{display:flex;align-items:center;gap:.25rem}.subscription-card__amount{font-weight:600;color:var(--color-text, #1f2937);flex-shrink:0}@media(max-width:480px){.subscription-card{flex-wrap:wrap}.subscription-card__amount{width:100%;text-align:right;margin-top:.25rem;padding-left:calc(40px + .75rem)}}.recurring-section{background:linear-gradient(135deg,var(--color-surface, #ffffff) 0%,#fffbf5 100%);border:1px solid #f5ebe0;border-radius:16px;padding:1.25rem}.recurring-section--empty{background:var(--color-surface, #ffffff);border-color:var(--color-border, #e5e7eb)}.recurring-section__header{margin-bottom:1rem}.recurring-section__title-group{display:flex;flex-direction:column;gap:.25rem}.recurring-section__title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--color-text, #1f2937);margin:0}.recurring-section__subtitle{font-size:.875rem;color:var(--color-text-muted, #6b7280)}.recurring-section__pills{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.frequency-pill{display:flex;align-items:baseline;gap:.25rem;padding:.5rem .75rem;background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:10px}.frequency-pill__amount{font-size:1rem;font-weight:600;color:var(--color-text, #1f2937)}.frequency-pill__label{font-size:.75rem;color:var(--color-text-muted, #6b7280)}.recurring-section__list{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem}@media(min-width:640px){.recurring-section__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}}@media(min-width:900px){.recurring-section__list{grid-template-columns:repeat(3,minmax(0,1fr))}}.recurring-section__toggle{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;margin-top:.75rem;padding:.625rem;background:transparent;border:1px dashed var(--color-border, #e5e7eb);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--color-text-muted, #6b7280);cursor:pointer;transition:all .15s ease}.recurring-section__toggle:hover{border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6);background:#3b82f60a}.recurring-section__empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem}.recurring-section__empty-icon{color:var(--color-text-muted, #6b7280);opacity:.4;margin-bottom:.75rem}.recurring-section__empty h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--color-text, #1f2937)}.recurring-section__empty p{margin:0;font-size:.875rem;color:var(--color-text-muted, #6b7280);max-width:280px}.period-selector{display:flex;gap:2px;background:var(--color-surface-secondary, #f3f4f6);padding:3px;border-radius:8px}.period-selector__btn{padding:.375rem .75rem;font-size:.8125rem;font-weight:500;border:none;background:transparent;border-radius:6px;color:var(--color-text-muted, #6b7280);cursor:pointer;transition:all .15s ease;white-space:nowrap}.period-selector__btn:hover{color:var(--color-text, #1f2937)}.period-selector__btn--active{background:var(--color-surface, #ffffff);color:var(--color-text, #1f2937);box-shadow:0 1px 2px #00000014}@media(max-width:640px){.period-selector__btn{padding:.5rem .625rem;font-size:.75rem}}.category-chart{background:var(--color-surface, #ffffff);border-radius:12px;padding:1.25rem}@media(min-width:640px){.category-chart{display:flex;align-items:flex-start;gap:2rem}}.category-chart--empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-muted, #6b7280)}.category-chart__donut{position:relative;width:180px;height:180px;margin:0 auto 1.5rem;flex-shrink:0}@media(min-width:640px){.category-chart__donut{margin:0}}.category-chart__svg{width:100%;height:100%}.category-chart__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.category-chart__total{font-size:1.25rem;font-weight:700;color:var(--color-text, #1f2937)}.category-chart__period{font-size:.75rem;color:var(--color-text-muted, #6b7280)}.category-chart__legend{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.category-chart__legend-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:8px;transition:background-color .15s ease}.category-chart__legend-item:hover{background:var(--color-surface-secondary, #f9fafb)}.category-chart__legend-color{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;flex-shrink:0}.category-chart__legend-info{flex:1;min-width:0}.category-chart__legend-name{display:block;font-weight:500;color:var(--color-text, #1f2937)}.category-chart__legend-amount{display:block;font-size:.8125rem;color:var(--color-text-muted, #6b7280)}.category-chart__legend-pct{margin-left:.25rem;opacity:.7}.category-chart__legend-count{font-size:.75rem;color:var(--color-text-muted, #6b7280);flex-shrink:0;text-align:right}@media(max-width:480px){.category-chart__legend-count{display:none}}.merchant-list{background:var(--color-surface, #ffffff);border-radius:12px;padding:1.25rem}.merchant-list--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem;color:var(--color-text-muted, #6b7280)}.merchant-list__empty-icon{opacity:.3;margin-bottom:1rem}.merchant-list--empty h3{margin:0 0 .5rem;font-size:1.125rem;color:var(--color-text, #1f2937)}.merchant-list--empty p{margin:0;font-size:.875rem}.merchant-list__header{margin-bottom:1rem}.merchant-list__title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--color-text, #1f2937);margin:0}.merchant-list__items{display:flex;flex-direction:column;gap:.5rem}.merchant-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-surface-secondary, #f9fafb);border-radius:8px;transition:background-color .15s ease}.merchant-card:hover{background:var(--color-surface-hover, #f3f4f6)}.merchant-card__rank{width:28px;font-size:.875rem;font-weight:600;color:var(--color-text-muted, #6b7280);text-align:center;flex-shrink:0}.merchant-card:nth-child(1) .merchant-card__rank{color:#ca8a04}.merchant-card:nth-child(2) .merchant-card__rank{color:#6b7280}.merchant-card:nth-child(3) .merchant-card__rank{color:#b45309}.merchant-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:#e5e7eb;color:#6b7280;flex-shrink:0}.merchant-card__content{flex:1;min-width:0}.merchant-card__name{font-weight:500;color:var(--color-text, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merchant-card__details{display:flex;align-items:center;gap:.75rem;margin-top:.125rem;font-size:.75rem;color:var(--color-text-muted, #6b7280)}.merchant-card__visits{color:var(--color-primary, #3b82f6)}.merchant-card__stats{text-align:right;flex-shrink:0}.merchant-card__total{font-weight:600;color:var(--color-text, #1f2937)}.merchant-card__avg{font-size:.75rem;color:var(--color-text-muted, #6b7280)}@media(max-width:480px){.merchant-card__rank,.merchant-card__stats{display:none}}.spending-section{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:16px;padding:1.25rem}.spending-section__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.spending-section__title{font-size:1.125rem;font-weight:600;color:var(--color-text, #1f2937);margin:0}.spending-section__content{display:flex;flex-direction:column;gap:1.5rem}.spending-section__block-title{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--color-text, #1f2937);margin:0 0 .75rem}.spending-section__empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem}.spending-section__empty-icon{color:var(--color-text-muted, #6b7280);opacity:.4;margin-bottom:.75rem}.spending-section__empty h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--color-text, #1f2937)}.spending-section__empty p{margin:0;font-size:.875rem;color:var(--color-text-muted, #6b7280);max-width:280px}@media(max-width:480px){.spending-section__header{flex-direction:column;align-items:flex-start}}.insights-page{padding:1rem;max-width:1000px;margin:0 auto}@media(min-width:768px){.insights-page{padding:1.5rem 2rem}}.insights-page__header{margin-bottom:1.25rem}.insights-page__header h1{font-size:1.5rem;font-weight:700;color:var(--color-text, #1f2937);margin:0}.insights-page__sections{display:flex;flex-direction:column;gap:1.25rem}.insights-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;color:var(--color-text-muted, #6b7280)}.insights-page__spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.insights-page__error{padding:2rem;text-align:center;color:var(--color-error, #dc2626);background:#fee2e2;border-radius:12px}.insights-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:var(--color-surface, #ffffff);border-radius:12px;border:1px solid var(--color-border, #e5e7eb)}.insights-page__empty-icon{color:var(--color-text-muted, #6b7280);opacity:.3;margin-bottom:1rem}.insights-page__empty h2{margin:0 0 .5rem;font-size:1.25rem;color:var(--color-text, #1f2937)}.insights-page__empty p{margin:0;color:var(--color-text-muted, #6b7280);max-width:400px}:root{--font-heading: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;line-height:1.5;font-weight:400;--bg-primary: #0a0a0b;--bg-secondary: #141416;--bg-tertiary: #1c1c1f;--bg-elevated: #232326;--accent: #00d4aa;--accent-hover: #00b894;--accent-glow: rgba(0, 212, 170, .15);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a;--positive: #10b981;--positive-bg: rgba(16, 185, 129, .1);--negative: #ef4444;--negative-bg: rgba(239, 68, 68, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .1);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .12);--divider: rgba(255, 255, 255, .05);--primary: var(--accent);--primary-hover: var(--accent-hover);--error: var(--negative);--success: var(--positive);--muted: var(--text-muted);--foreground: var(--text-primary);--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px var(--accent-glow);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}code{font-family:var(--font-mono);background:var(--bg-tertiary);color:var(--accent);padding:.2em .4em;border-radius:var(--radius-sm);font-size:.875em}.tabular-nums{font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.625rem 1.25rem;font-family:var(--font-body);font-size:.875rem;font-weight:500;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-loading{position:relative;pointer-events:none}.btn-loading .btn-text{opacity:0}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.btn-loading.btn-lg:after{width:20px;height:20px}.btn-primary{background:var(--accent);color:var(--bg-primary);border-color:var(--accent);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-outline{background:transparent;color:var(--text-primary);border-color:var(--border-strong)}.btn-outline:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-muted)}.btn-lg{padding:.875rem 1.75rem;font-size:1rem;border-radius:var(--radius-lg)}.btn-full{width:100%}.btn-oauth{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);width:100%}.btn-oauth:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.landing{min-height:100vh;background:var(--bg-primary)}.landing-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-8);border-bottom:1px solid var(--border);background:var(--bg-secondary)}.logo{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;color:var(--text-primary);text-decoration:none;letter-spacing:-.02em}.logo span{color:var(--accent)}.landing-hero{max-width:48rem;margin:0 auto;padding:6rem 2rem;text-align:center}.landing-hero h1{font-size:3.5rem;font-weight:800;margin:0 0 1.5rem;line-height:1.1;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin:0 0 2.5rem;line-height:1.6}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);max-width:64rem;margin:0 auto;padding:4rem 2rem}.feature{text-align:center;padding:var(--space-8);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.feature:hover{border-color:var(--accent);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.feature h3{margin:0 0 .75rem;font-size:1.25rem;color:var(--text-primary)}.feature p{margin:0;color:var(--text-muted);line-height:1.6}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-8);background:var(--bg-primary)}.auth-container{width:100%;max-width:400px;background:var(--bg-secondary);padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-lg)}.auth-logo{display:block;font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:var(--text-primary);text-decoration:none;text-align:center;margin-bottom:var(--space-8)}.auth-container h1{font-size:1.5rem;font-weight:600;margin:0;text-align:center;color:var(--text-primary)}.auth-subtitle{color:var(--text-muted);text-align:center;margin:.5rem 0 1.5rem}.auth-error{background:var(--negative-bg);color:var(--negative);padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.875rem;border:1px solid rgba(239,68,68,.2)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-group input{padding:.75rem 1rem;font-family:var(--font-body);font-size:.875rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.oauth-buttons{display:flex;flex-direction:column;gap:var(--space-3)}.auth-footer{text-align:center;font-size:.875rem;color:var(--text-muted);margin:var(--space-6) 0 0}.auth-footer a{color:var(--accent);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.app-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border);background:var(--bg-secondary);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav{display:flex;align-items:center;gap:var(--space-2)}.user-email{font-size:.875rem;color:var(--text-muted)}.nav-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:.875rem;font-weight:500;color:var(--text-muted);text-decoration:none;border-radius:var(--radius);transition:all var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-link--active{color:var(--accent);background:var(--accent-glow)}.nav-user{display:flex;align-items:center;gap:var(--space-4)}@media(max-width:640px){.app-header{padding:var(--space-3) var(--space-4)}.nav-link span{display:none}.nav-link{padding:var(--space-2)}.user-email{display:none}}.app-main{flex:1;padding:var(--space-6);max-width:1200px;margin:0 auto;width:100%}@media(max-width:768px){.app-main{padding:var(--space-4);padding-bottom:calc(var(--space-4) + 70px)}}.dashboard h1{margin:0 0 var(--space-2);color:var(--text-primary)}.status-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-6) 0}.status-card h3{margin:0 0 var(--space-4);font-size:1rem;color:var(--text-primary)}.status-card p{margin:var(--space-2) 0;color:var(--text-secondary)}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;background:var(--bg-tertiary);color:var(--text-secondary)}.status-connected{background:var(--positive-bg);color:var(--positive)}.status-error{background:var(--negative-bg);color:var(--negative)}.placeholder-section{margin-top:var(--space-8);padding:var(--space-8);border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center}.placeholder-section h2{margin:0 0 var(--space-4);color:var(--text-muted)}.placeholder-section ul{list-style:none;padding:0;margin:0;color:var(--text-muted)}.placeholder-section li{padding:var(--space-1) 0}.dashboard-header{margin-bottom:var(--space-6)}.welcome-message{color:var(--text-muted);margin:0;font-size:.875rem}.dashboard-section{margin-bottom:var(--space-6);animation:fadeSlideIn var(--transition-normal)}.dashboard-section h2{font-size:1.25rem;margin:0 0 var(--space-4);color:var(--text-primary)}.settings-section{margin-top:var(--space-12)}.settings-section summary{cursor:pointer;color:var(--text-muted);font-size:.875rem;padding:var(--space-2) 0}.settings-section details[open]>summary{margin-bottom:var(--space-4)}.notification{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius);margin-bottom:var(--space-6);font-size:.875rem;word-break:break-word}.notification-message{flex:1;min-width:0}.notification-success{background:var(--positive-bg);color:var(--positive);border:1px solid rgba(16,185,129,.2)}.notification-error{background:var(--negative-bg);color:var(--negative);border:1px solid rgba(239,68,68,.2)}.notification-close{background:none;border:none;font-size:1.25rem;cursor:pointer;opacity:.6;line-height:1;color:currentColor}.notification-close:hover{opacity:1}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:200;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:280px;max-width:400px;pointer-events:auto;position:relative;overflow:hidden;animation:toastSlideIn var(--transition-normal)}.toast-exiting{animation:toastSlideOut var(--transition-fast)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--error)}.toast-info .toast-icon{color:var(--primary)}.toast-message{flex:1;font-size:.875rem;color:var(--text-primary);line-height:1.4}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:background-color var(--transition-fast),color var(--transition-fast)}.toast-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:currentColor;opacity:.3;transition:width 50ms linear}.toast-success .toast-progress{background:var(--success)}.toast-error .toast-progress{background:var(--error)}.toast-info .toast-progress{background:var(--primary)}@media(max-width:640px){.toast-container{left:1rem;right:1rem}.toast{min-width:auto;max-width:none}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-elevated) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-line{height:14px;margin-bottom:.5rem}.skeleton-line:last-child{margin-bottom:0}.skeleton-line-sm{height:10px}.skeleton-circle{width:2rem;height:2rem;border-radius:50%;flex-shrink:0}.skeleton-amount{width:80px;height:20px;flex-shrink:0}.skeleton-account-card{padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius)}.skeleton-account-main{display:flex;align-items:center;gap:1rem}.skeleton-account-details{flex:1;min-width:0}.skeleton-account-list{display:flex;flex-direction:column;gap:.75rem}.skeleton-transaction-row{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 0;border-bottom:1px solid var(--border)}.skeleton-transaction-row:last-child{border-bottom:none}.skeleton-transaction-details{flex:1;min-width:0}.skeleton-transaction-list{display:flex;flex-direction:column}.skeleton-chart{padding:1rem 0}.skeleton-chart-header{display:flex;justify-content:space-between;margin-bottom:1rem}.skeleton-chart-area{height:200px;border-radius:var(--radius)}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.spinner-small{width:20px;height:20px}.spinner-medium{width:32px;height:32px}.spinner-large{width:48px;height:48px}.loading-message{color:var(--muted);font-size:.875rem;margin:0}.loading-more{display:flex;justify-content:center;padding:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.empty-state-icon{margin-bottom:1rem}.empty-state-title{font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.empty-state-description{color:var(--muted);margin:0 0 1rem}.empty-state-action{margin-top:.5rem}.currency-display{font-weight:600;font-variant-numeric:tabular-nums}.amount-positive{color:#059669}.amount-negative{color:#dc2626}.error-message{color:var(--error);font-size:.875rem;padding:1rem;background:#fee2e2;border-radius:var(--radius);text-align:center}.error-message p{margin:0 0 1rem}.bank-connection-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);margin-bottom:var(--space-6)}.bank-connection-card.not-connected{text-align:center;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-color:var(--accent);box-shadow:var(--shadow-glow)}.bank-connection-card .bank-icon{font-size:3rem;margin-bottom:var(--space-4)}.bank-connection-card h3{font-size:1.25rem;margin:0 0 var(--space-2);color:var(--text-primary)}.bank-connection-card p{color:var(--text-muted);margin:0 0 var(--space-6)}.btn-danger{background:var(--error);color:#fff;border-color:var(--error)}.btn-link{background:none;border:none;color:var(--primary);padding:0;font-weight:500}.btn-link:hover{text-decoration:underline}.btn-small{padding:.375rem .75rem;font-size:.75rem}.account-list-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.account-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.account-list-header h3{margin:0;font-size:1.125rem;color:var(--text-primary)}.total-balance{text-align:right}.total-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.05em}.total-amount{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.account-list{display:flex;flex-direction:column;gap:var(--space-3)}.account-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition-fast)}.account-main{display:flex;align-items:center;gap:var(--space-4);width:100%}.account-card.clickable{cursor:pointer}.account-card.clickable:hover{background:var(--bg-elevated);border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.account-card.selected{background:var(--accent-glow);border-color:var(--accent);box-shadow:var(--shadow-glow)}.account-icon{font-size:1.5rem}.account-details{flex:1;min-width:0}.account-name-row{display:flex;align-items:center;gap:.5rem}.account-name{font-size:.9375rem;font-weight:600;margin:0;color:var(--text-primary)}.account-type-badge{font-size:.625rem;padding:.125rem .5rem;border-radius:var(--radius-full);font-weight:500;text-transform:uppercase;letter-spacing:.025em}.account-type-badge.bank{background:#3b82f626;color:#60a5fa}.account-type-badge.savings{background:var(--positive-bg);color:var(--positive)}.account-type-badge.joint{background:var(--warning-bg);color:var(--warning)}.account-type-badge.light{background:#a78bfa26;color:#a78bfa}.account-type-badge.external_savings{background:#6366f126;color:#818cf8}.account-iban{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.account-balance{text-align:right}.account-connection-info{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);border-top:1px solid var(--border);width:100%}.connection-dates{display:flex;gap:var(--space-6)}.connection-date{display:flex;flex-direction:column;gap:var(--space-1)}.connection-date .date-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em}.connection-date .date-value{font-size:.8125rem;color:var(--text-secondary)}.disconnect-btn{font-size:.75rem;padding:.375rem .75rem}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4);animation:fadeIn var(--transition-fast)}.modal-content{background:var(--bg-secondary);border:1px solid var(--border);animation:scaleIn var(--transition-normal);border-radius:var(--radius-lg);padding:var(--space-6);max-width:400px;width:100%;box-shadow:var(--shadow-lg)}.modal-content h3{margin:0 0 var(--space-2) 0;font-size:1.125rem;color:var(--text-primary)}.modal-description{color:var(--text-muted);margin:0 0 var(--space-6) 0;font-size:.875rem}.modal-actions{display:flex;flex-direction:column;gap:var(--space-2)}.modal-actions .btn{width:100%;justify-content:center}.category-selector-modal{max-width:360px}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1.5rem}.category-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:.75rem .5rem;border:2px solid transparent;border-radius:var(--radius);background:var(--cat-bg);color:var(--cat-text);cursor:pointer;transition:all .15s ease;font-size:.75rem;font-weight:500}.category-option:hover:not(:disabled){transform:scale(1.02);box-shadow:0 2px 8px #0000001a}.category-option.selected{border-color:var(--cat-text);box-shadow:0 0 0 2px var(--cat-bg)}.category-option:disabled{opacity:.6;cursor:not-allowed}.category-option-icon{font-size:1.25rem;line-height:1}.category-option-label{text-transform:uppercase;letter-spacing:.025em}.btn-danger{background:#dc2626;color:#fff;border:none}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{background:#fca5a5}.transaction-list{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.transaction-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.transaction-list-header h2{margin:0;font-size:1.125rem;color:var(--text-primary)}.view-all-btn{font-size:.875rem}.transaction-list-items{display:flex;flex-direction:column}.transaction-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--border);transition:background-color var(--transition-fast)}.transaction-item:last-child{border-bottom:none}.transaction-item:hover{background:var(--bg-tertiary);margin:0 calc(var(--space-3) * -1);padding-left:var(--space-3);padding-right:var(--space-3);border-radius:var(--radius)}.transaction-icon{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:1rem;font-weight:700;flex-shrink:0}.transaction-icon.income{background:var(--positive-bg);color:var(--positive)}.transaction-icon.expense{background:var(--negative-bg);color:var(--negative)}.transaction-details{flex:1;min-width:0}.transaction-header{display:flex;align-items:center;gap:.5rem;min-width:0}.transaction-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;color:var(--text-primary)}.transaction-date{font-size:.75rem;color:var(--text-muted);margin-top:var(--space-1)}.transaction-description{font-size:.75rem;color:var(--text-muted);margin-top:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-amount{flex-shrink:0;text-align:right}.transaction-list-footer{display:flex;justify-content:center;padding-top:var(--space-4);margin-top:var(--space-2);border-top:1px solid var(--border)}.load-more-btn{min-width:120px}.transaction-list-loading{display:flex;justify-content:center;padding:var(--space-4) 0}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-strong)}.category-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.625rem;font-weight:500;background:var(--accent-glow);color:var(--accent);text-transform:uppercase;letter-spacing:.025em;white-space:nowrap;flex-shrink:0}.category-badge.clickable{cursor:pointer;transition:opacity .15s,transform .15s}.category-badge.clickable:hover{opacity:.85;transform:scale(1.02)}.category-badge.clickable:focus{outline:2px solid var(--primary);outline-offset:1px}.category-icon{font-size:.75rem;line-height:1}.category-label{line-height:1}.add-category-pill{opacity:0;display:inline-flex;align-items:center;gap:var(--space-1);padding:.125rem .5rem;border-radius:var(--radius-full);border:1px dashed var(--border-strong);background:transparent;font-family:inherit;font-size:.625rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.transaction-item:hover .add-category-pill{opacity:1}.add-category-pill:hover{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.add-category-pill:focus{opacity:1;outline:2px solid var(--accent);outline-offset:1px}.transaction-filters{margin-bottom:var(--space-6)}.filter-row{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:var(--space-2)}.filter-group.search-group{flex:1;min-width:200px}.filter-group label{font-size:.75rem;font-weight:500;color:var(--text-muted)}.filter-group input,.filter-group select{padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:.875rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.filter-group input::placeholder{color:var(--text-muted)}.filter-group input:focus,.filter-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}.page-info{font-size:.875rem;color:var(--text-muted)}.dashboard-title-row{display:flex;align-items:center;gap:.75rem}.notification-info{background:#e0f2fe;color:#0369a1}.refresh-icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast);color:var(--text-muted)}.refresh-icon-button:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-strong);color:var(--accent)}.refresh-icon-button:disabled{cursor:not-allowed;opacity:.5}.refresh-icon-button.syncing .refresh-icon{animation:spin 1s linear infinite}.pull-to-refresh-container{position:relative;overflow:hidden}.pull-to-refresh-indicator{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);overflow:hidden;background:var(--bg-secondary);color:var(--text-muted);z-index:10;opacity:0;transition:opacity .2s ease}.pull-to-refresh-indicator.visible{opacity:1}.pull-refresh-icon{transition:transform .1s ease;color:var(--accent)}.pull-refresh-icon.spinning{animation:spin 1s linear infinite}.pull-release-text{font-size:.75rem;font-weight:500}.pull-to-refresh-content{position:relative}@media(pointer:fine){.pull-to-refresh-indicator{display:none}}@media(max-width:640px){.filter-row{flex-direction:column}.filter-group{width:100%}.filter-group.search-group{min-width:100%}.account-card{flex-wrap:wrap}.account-balance{width:100%;text-align:left;margin-top:.5rem;padding-left:2.5rem}.transaction-primary{flex-direction:column;align-items:flex-start;gap:.25rem}.modal-content{animation:slideUp var(--transition-normal)}}.total-balance-row{display:flex;align-items:center;gap:var(--space-2)}.balance-toggle{background:transparent;border:1px solid var(--border);border-radius:var(--radius);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast)}.balance-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-strong)}.balance-toggle:focus{outline:2px solid var(--accent);outline-offset:2px}.amount-hidden{filter:blur(8px);-webkit-user-select:none;user-select:none;transition:filter .2s ease}.forecast-chart-container{position:relative;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.forecast-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.forecast-header h3{margin:0;font-size:1.125rem;color:var(--text-primary)}.forecast-controls{display:flex;align-items:center;gap:var(--space-3)}.horizon-selector{display:flex;gap:var(--space-1);background:var(--bg-tertiary);padding:var(--space-1);border-radius:var(--radius)}.horizon-btn{padding:var(--space-2) var(--space-3);border:none;background:transparent;border-radius:calc(var(--radius) - 2px);font-size:.75rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.horizon-btn:hover{color:var(--text-secondary)}.horizon-btn.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.zoom-controls{display:flex;gap:var(--space-1)}.zoom-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--bg-tertiary);border-radius:var(--radius);font-size:1rem;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.zoom-btn:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.forecast-pending{text-align:center;padding:var(--space-3);margin-bottom:var(--space-4);background:var(--warning-bg);color:var(--warning);border-radius:var(--radius);font-size:.875rem;border:1px solid rgba(245,158,11,.2)}.forecast-svg{width:100%;height:auto;max-height:280px;display:block;touch-action:none}.grid-line{stroke:var(--border);stroke-width:1}.confidence-area{fill:var(--accent-glow)}.history-line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.forecast-line{fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:6 3;stroke-linecap:round;stroke-linejoin:round}.today-marker{stroke:var(--text-muted);stroke-width:1;stroke-dasharray:4 2}.today-label{font-size:10px;fill:var(--text-muted);font-weight:500}.axis-line{stroke:var(--border);stroke-width:1}.axis-label{font-size:10px;fill:var(--text-muted)}.axis-label.y-label{font-size:9px}.forecast-legend{display:flex;justify-content:center;gap:var(--space-6);margin-top:var(--space-4);font-size:.75rem;color:var(--text-muted)}.legend-item{display:flex;align-items:center;gap:var(--space-2)}.legend-line{width:20px;height:2px;background:var(--accent)}.legend-line.solid{background:var(--accent)}.legend-line.dashed{background:repeating-linear-gradient(90deg,var(--accent) 0,var(--accent) 6px,transparent 6px,transparent 9px)}.legend-area{width:16px;height:12px;background:var(--accent-glow);border:1px solid rgba(0,212,170,.3);border-radius:2px}.forecast-empty,.forecast-error{text-align:center;padding:var(--space-8);color:var(--text-muted);font-size:.875rem}.forecast-error{color:var(--negative);background:var(--negative-bg);border-radius:var(--radius);border:1px solid rgba(239,68,68,.2)}.hover-line{stroke:var(--accent);stroke-width:1;stroke-dasharray:3 2;opacity:.5}.hover-point{fill:var(--accent);stroke:var(--bg-secondary);stroke-width:2}.chart-tooltip{position:absolute;transform:translate(-50%,-100%) translateY(-12px);background:var(--bg-elevated);color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid var(--border-strong);font-size:.75rem;white-space:nowrap;pointer-events:none;z-index:10;box-shadow:var(--shadow-lg)}.chart-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--bg-elevated)}.tooltip-date{color:var(--text-muted);margin-bottom:var(--space-1)}.tooltip-balance{font-weight:600;font-size:.875rem;color:var(--accent)}.tooltip-range{color:var(--text-muted);font-size:.625rem;margin-top:var(--space-1)}.forecast-chart-container.hide-balance .y-label{filter:blur(8px);pointer-events:none}@media(max-width:640px){.forecast-header{flex-direction:column;align-items:flex-start}.forecast-controls{width:100%;justify-content:space-between}.forecast-legend{flex-wrap:wrap;gap:1rem}}