.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}}.offline-banner{position:fixed;top:var(--safe-area-top, 0);left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--warning);color:#000;font-size:.875rem;font-weight:500;animation:slideDown .3s ease-out}.offline-banner-icon{width:18px;height:18px;flex-shrink:0}.offline-banner-text{text-align:center}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.offline-banner~.app-layout{padding-top:calc(var(--safe-area-top) + 44px)}.transaction-detail-modal{max-width:420px;position:relative}.transaction-detail-modal__close{position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);z-index:1}.transaction-detail-modal__close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.transaction-detail-modal__header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);padding-right:48px}.transaction-detail-modal__direction{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0}.transaction-detail-modal__direction.income{background:#10b98126;color:var(--positive)}.transaction-detail-modal__direction.expense{background:#ef444426;color:var(--negative)}.transaction-detail-modal__header-text{flex:1;min-width:0}.transaction-detail-modal__title{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1);line-height:1.3;word-wrap:break-word}.transaction-detail-modal__date{font-size:.8125rem;color:var(--text-muted);margin:0}.transaction-detail-modal__amount{font-family:var(--font-heading);font-size:2rem;font-weight:700;text-align:center;padding:var(--space-5) 0;margin-bottom:var(--space-4);border-radius:var(--radius);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.transaction-detail-modal__amount.income{color:var(--positive);background:linear-gradient(135deg,#10b98114,#10b9810a)}.transaction-detail-modal__amount.expense{color:var(--negative);background:linear-gradient(135deg,#ef444414,#ef44440a)}.transaction-detail-modal__sign{margin-right:.125em}.transaction-detail-modal__section{padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius);margin-bottom:var(--space-3)}.transaction-detail-modal__section:last-child{margin-bottom:0}.transaction-detail-modal__section-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 var(--space-3)}.transaction-detail-modal__description{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0;word-wrap:break-word}.transaction-detail-modal__info-grid{display:flex;flex-direction:column;gap:var(--space-3)}.transaction-detail-modal__info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.transaction-detail-modal__info-label{font-size:.8125rem;color:var(--text-muted);flex-shrink:0}.transaction-detail-modal__info-value{font-size:.875rem;color:var(--text-primary);text-align:right;word-break:break-word}.transaction-detail-modal__iban-wrapper{display:flex;align-items:center;gap:var(--space-2)}.transaction-detail-modal__iban{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-primary);letter-spacing:.02em}.transaction-detail-modal__copy{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.transaction-detail-modal__copy:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-hover)}.transaction-detail-modal__copy.copied{background:var(--positive-bg);border-color:#10b9814d;color:var(--positive)}.transaction-detail-modal__category-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.transaction-detail-modal__no-category{font-size:.875rem;color:var(--text-muted);font-style:italic}.transaction-detail-modal__edit-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-family:var(--font-body);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.transaction-detail-modal__edit-btn:hover{background:var(--bg-secondary);border-color:var(--accent);color:var(--accent)}.transaction-detail-modal .category-badge{font-size:.8125rem;padding:var(--space-2) var(--space-3)}.transaction-detail-modal .category-badge .category-icon{width:16px;height:16px}@media(max-width:640px){.transaction-detail-modal__amount{font-size:1.75rem;padding:var(--space-4) 0}.transaction-detail-modal__iban{font-size:.75rem}.transaction-detail-modal__info-row{flex-direction:column;gap:var(--space-1)}.transaction-detail-modal__info-value,.transaction-detail-modal__iban-wrapper{text-align:left}}.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)}.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}@media(max-width:768px){.balance-hero__sync{display:none}}.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}@media(max-width:768px){.accounts-scroll{margin:0 calc(var(--space-4) * -1);padding-block:var(--space-1);padding-inline:0;scroll-padding-inline:var(--space-4)}.accounts-scroll:before,.accounts-scroll:after{content:"";flex-shrink:0;width:var(--space-4)}}.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:var(--space-3);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.subscription-card:hover{background:var(--bg-elevated)}.subscription-card.clickable{cursor:pointer}.subscription-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-muted);flex-shrink:0}.subscription-card__content{flex:1;min-width:0;overflow:hidden}.subscription-card__name{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subscription-card__details{display:flex;align-items:center;gap:var(--space-3);margin-top:2px;font-size:.75rem;color:var(--text-muted)}.subscription-card__frequency{color:var(--accent)}.subscription-card__next{display:flex;align-items:center;gap:var(--space-1)}.subscription-card__amount{font-weight:600;color:var(--text-primary);flex-shrink:0}@media(max-width:480px){.subscription-card{flex-wrap:wrap}.subscription-card__amount{width:100%;text-align:right;margin-top:var(--space-1);padding-left:calc(40px + var(--space-3))}}.subscription-detail-modal{max-width:400px;position:relative}.subscription-detail-modal__close{position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);z-index:1}.subscription-detail-modal__close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.subscription-detail-modal__header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);padding-right:48px}.subscription-detail-modal__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--bg-tertiary);color:var(--text-secondary);flex-shrink:0}.subscription-detail-modal__header-text{flex:1;min-width:0}.subscription-detail-modal__title{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1);line-height:1.3;word-wrap:break-word}.subscription-detail-modal__subtitle{font-size:.875rem;color:var(--text-muted);margin:0}.subscription-detail-modal__amount{display:flex;align-items:baseline;justify-content:center;gap:var(--space-2);padding:var(--space-5) 0;margin-bottom:var(--space-4);background:linear-gradient(135deg,#00d4aa14,#00d4aa0a);border-radius:var(--radius)}.subscription-detail-modal__amount-value{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--accent);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.subscription-detail-modal__amount-period{font-size:1rem;color:var(--text-muted);font-weight:500}.subscription-detail-modal__section{padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius);margin-bottom:var(--space-3)}.subscription-detail-modal__section:last-child{margin-bottom:0}.subscription-detail-modal__section-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 var(--space-3)}.subscription-detail-modal__info-grid{display:flex;flex-direction:column;gap:var(--space-3)}.subscription-detail-modal__info-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.subscription-detail-modal__info-label{display:flex;align-items:center;gap:var(--space-2);font-size:.8125rem;color:var(--text-muted)}.subscription-detail-modal__info-value{font-size:.875rem;color:var(--text-primary);font-weight:500}.subscription-detail-modal__info-value--accent{color:var(--accent)}.subscription-detail-modal__confidence{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:#00d4aa1a;border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;color:var(--accent)}.subscription-detail-modal__insight{padding:var(--space-3) var(--space-4);background:#00d4aa0d;border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;margin-top:var(--space-3)}.subscription-detail-modal__insight p{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5;font-style:italic}.subscription-detail-modal .category-badge{font-size:.8125rem;padding:var(--space-2) var(--space-3)}@media(max-width:640px){.subscription-detail-modal__amount-value{font-size:1.75rem}.subscription-detail-modal__info-row{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.subscription-detail-modal__info-value,.subscription-detail-modal__confidence{margin-left:1.375rem}}.recurring-section{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(0,212,170,.03) 100%);border:1px solid var(--border);border-radius:var(--radius-xl, 16px);padding:var(--space-5)}.recurring-section--empty{background:var(--bg-secondary);border-color:var(--border)}.recurring-section__header{margin-bottom:var(--space-4)}.recurring-section__title-group{display:flex;flex-direction:column;gap:var(--space-1)}.recurring-section__title{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.recurring-section__subtitle{font-size:.875rem;color:var(--text-muted)}.recurring-section__pills{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.frequency-pill{display:flex;align-items:baseline;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius)}.frequency-pill__amount{font-size:1rem;font-weight:600;color:var(--text-primary)}.frequency-pill__label{font-size:.75rem;color:var(--text-muted)}.recurring-section__list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2)}@media(min-width:640px){.recurring-section__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}}@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:var(--space-2);width:100%;margin-top:var(--space-3);padding:var(--space-3);background:transparent;border:1px dashed var(--border);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.recurring-section__toggle:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.recurring-section__empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-4)}.recurring-section__empty-icon{color:var(--text-muted);opacity:.4;margin-bottom:var(--space-3)}.recurring-section__empty h3{margin:0 0 var(--space-1);font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--text-primary)}.recurring-section__empty p{margin:0;font-size:.875rem;color:var(--text-muted);max-width:280px}.period-selector{display:flex;gap:2px;background:var(--bg-tertiary);padding:3px;border-radius:var(--radius-md)}.period-selector__btn{padding:var(--space-2) var(--space-3);font-size:.8125rem;font-weight:500;border:none;background:transparent;border-radius:var(--radius-sm, 6px);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.period-selector__btn:hover{color:var(--text-secondary)}.period-selector__btn--active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}@media(max-width:640px){.period-selector__btn{padding:var(--space-2) var(--space-2);font-size:.75rem}}.category-chart{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-5)}@media(min-width:640px){.category-chart{display:flex;align-items:flex-start;gap:var(--space-8)}}.category-chart--empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-muted)}.category-chart__donut{position:relative;width:180px;height:180px;margin:0 auto var(--space-6);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-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.category-chart__period{font-size:.75rem;color:var(--text-muted)}.category-chart__legend{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:0}.category-chart__legend-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.category-chart__legend-item:hover{background:var(--bg-elevated)}.category-chart__legend-item.clickable{cursor:pointer}.category-chart__legend-color{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm, 6px);flex-shrink:0}.category-chart__legend-info{flex:1;min-width:0}.category-chart__legend-name{display:block;font-weight:500;color:var(--text-primary)}.category-chart__legend-amount{display:block;font-size:.8125rem;color:var(--text-muted)}.category-chart__legend-pct{margin-left:var(--space-1);opacity:.7}.category-chart__legend-count{font-size:.75rem;color:var(--text-muted);flex-shrink:0;text-align:right}@media(max-width:480px){.category-chart__legend-count{display:none}}.merchant-list{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-5)}.merchant-list--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-10);color:var(--text-muted)}.merchant-list__empty-icon{opacity:.3;margin-bottom:var(--space-4)}.merchant-list--empty h3{margin:0 0 var(--space-2);font-family:var(--font-heading);font-size:1.125rem;color:var(--text-primary)}.merchant-list--empty p{margin:0;font-size:.875rem}.merchant-list__header{margin-bottom:var(--space-4)}.merchant-list__title{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.merchant-list__items{display:flex;flex-direction:column;gap:var(--space-2)}.merchant-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.merchant-card:hover{background:var(--bg-elevated)}.merchant-card.clickable{cursor:pointer}.merchant-card__rank{width:28px;font-size:.875rem;font-weight:600;color:var(--text-muted);text-align:center;flex-shrink:0}.merchant-card:nth-child(1) .merchant-card__rank{color:#fbbf24}.merchant-card:nth-child(2) .merchant-card__rank{color:#94a3b8}.merchant-card:nth-child(3) .merchant-card__rank{color:#f97316}.merchant-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-muted);flex-shrink:0}.merchant-card__content{flex:1;min-width:0}.merchant-card__name{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merchant-card__details{display:flex;align-items:center;gap:var(--space-3);margin-top:2px;font-size:.75rem;color:var(--text-muted)}.merchant-card__visits{color:var(--accent)}.merchant-card__stats{text-align:right;flex-shrink:0}.merchant-card__total{font-weight:600;color:var(--text-primary)}.merchant-card__avg{font-size:.75rem;color:var(--text-muted)}@media(max-width:480px){.merchant-card__rank,.merchant-card__stats{display:none}}.merchant-detail-modal{max-width:400px;position:relative}.merchant-detail-modal__close{position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);z-index:1}.merchant-detail-modal__close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.merchant-detail-modal__header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);padding-right:48px}.merchant-detail-modal__rank{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--accent) 0%,rgba(0,212,170,.7) 100%);border-radius:var(--radius);font-family:var(--font-heading);font-size:.875rem;font-weight:700;color:#0a0a0b;flex-shrink:0}.merchant-detail-modal__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--bg-tertiary);color:var(--text-secondary);flex-shrink:0}.merchant-detail-modal__header-text{flex:1;min-width:0}.merchant-detail-modal__title{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1);line-height:1.3;word-wrap:break-word}.merchant-detail-modal__subtitle{font-size:.8125rem;color:var(--text-muted);margin:0}.merchant-detail-modal__amount{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-5) 0;margin-bottom:var(--space-4);background:linear-gradient(135deg,#ef444414,#ef44440a);border-radius:var(--radius)}.merchant-detail-modal__amount-value{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--negative);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.merchant-detail-modal__amount-label{font-size:.8125rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.merchant-detail-modal__section{padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius);margin-bottom:var(--space-3)}.merchant-detail-modal__section:last-child{margin-bottom:0}.merchant-detail-modal__section-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 var(--space-3)}.merchant-detail-modal__info-grid{display:flex;flex-direction:column;gap:var(--space-3)}.merchant-detail-modal__info-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.merchant-detail-modal__info-label{display:flex;align-items:center;gap:var(--space-2);font-size:.8125rem;color:var(--text-muted)}.merchant-detail-modal__info-value{font-size:.875rem;color:var(--text-primary);font-weight:500}.merchant-detail-modal__category-row{display:flex;align-items:center}.merchant-detail-modal .category-badge{font-size:.8125rem;padding:var(--space-2) var(--space-3)}@media(max-width:640px){.merchant-detail-modal__amount-value{font-size:1.75rem}.merchant-detail-modal__info-row{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.merchant-detail-modal__info-value{margin-left:1.375rem}}.category-detail-modal{max-width:400px;position:relative}.category-detail-modal__close{position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);z-index:1}.category-detail-modal__close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.category-detail-modal__header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--space-4);padding-top:var(--space-2)}.category-detail-modal__icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);margin-bottom:var(--space-3)}.category-detail-modal__title{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;text-transform:capitalize}.category-detail-modal__amount{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4) 0;margin-bottom:var(--space-3)}.category-detail-modal__amount-value{font-family:var(--font-heading);font-size:2.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.category-detail-modal__amount-percent{font-size:.875rem;color:var(--text-muted)}.category-detail-modal__progress{height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-5)}.category-detail-modal__progress-fill{height:100%;border-radius:var(--radius-full);transition:width .5s cubic-bezier(.4,0,.2,1)}.category-detail-modal__section{padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius);margin-bottom:var(--space-3)}.category-detail-modal__section:last-child{margin-bottom:0}.category-detail-modal__section-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 var(--space-3)}.category-detail-modal__info-grid{display:flex;flex-direction:column;gap:var(--space-3)}.category-detail-modal__info-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.category-detail-modal__info-label{display:flex;align-items:center;gap:var(--space-2);font-size:.8125rem;color:var(--text-muted)}.category-detail-modal__info-value{font-size:.875rem;color:var(--text-primary);font-weight:500}@media(max-width:640px){.category-detail-modal__amount-value{font-size:1.875rem}.category-detail-modal__info-row{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.category-detail-modal__info-value{margin-left:1.375rem}}.spending-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl, 16px);padding:var(--space-5)}.spending-section__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.spending-section__title{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.spending-section__content{display:flex;flex-direction:column;gap:var(--space-6)}.spending-section__block-title{display:flex;align-items:center;gap:var(--space-2);font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-3)}.spending-section__empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-4)}.spending-section__empty-icon{color:var(--text-muted);opacity:.4;margin-bottom:var(--space-3)}.spending-section__empty h3{margin:0 0 var(--space-1);font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--text-primary)}.spending-section__empty p{margin:0;font-size:.875rem;color:var(--text-muted);max-width:280px}@media(max-width:480px){.spending-section__header{flex-direction:column;align-items:flex-start}}.insights-page{padding:var(--space-4);max-width:1000px;margin:0 auto}@media(min-width:768px){.insights-page{padding:var(--space-6) var(--space-8)}}.insights-page__header{margin-bottom:var(--space-5)}.insights-page__header h1{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.insights-page__sections{display:flex;flex-direction:column;gap:var(--space-5)}.insights-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12) var(--space-8);color:var(--text-muted)}.insights-page__spinner{animation:insights-spin 1s linear infinite;color:var(--accent)}@keyframes insights-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.insights-page__error{padding:var(--space-8);text-align:center;color:var(--negative);background:var(--negative-bg);border-radius:var(--radius-lg);border:1px solid var(--negative)}.insights-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-8);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border)}.insights-page__empty-icon{color:var(--text-muted);opacity:.4;margin-bottom:var(--space-4)}.insights-page__empty h2{margin:0 0 var(--space-2);font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--text-primary)}.insights-page__empty p{margin:0;color:var(--text-muted);max-width:400px}.avatar-upload{display:flex;align-items:center;gap:var(--space-4)}.avatar-upload__container{position:relative;flex-shrink:0}.avatar-upload__image{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 12px #00d4aa40;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.avatar-upload__image:hover{box-shadow:0 6px 20px #00d4aa59}.avatar-upload__image--preview{border:2px solid var(--accent);box-shadow:0 0 0 4px var(--accent-glow),0 6px 20px #00d4aa59}.avatar-upload__image img{width:100%;height:100%;object-fit:cover}.avatar-upload__initials{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--bg-primary);text-transform:uppercase;-webkit-user-select:none;user-select:none}.avatar-upload__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;border-radius:var(--radius-xl)}.avatar-upload__spinner{color:var(--accent);animation:spin .8s linear infinite}.avatar-upload__button{position:absolute;bottom:-4px;right:-4px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:2px solid var(--bg-secondary);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.avatar-upload__button:hover{background:var(--accent);color:var(--bg-primary);border-color:var(--accent);transform:scale(1.1)}.avatar-upload__button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.avatar-upload__actions{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);display:flex;gap:var(--space-2)}.avatar-upload__action{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.avatar-upload__action--cancel{background:var(--bg-elevated);color:var(--text-secondary)}.avatar-upload__action--cancel:hover{background:var(--negative);color:#fff}.avatar-upload__action--confirm{background:var(--accent);color:var(--bg-primary)}.avatar-upload__action--confirm:hover{background:var(--accent-hover);transform:scale(1.1)}.avatar-upload__action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.avatar-upload__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.avatar-upload__info{display:flex;flex-direction:column;gap:var(--space-1)}.avatar-upload__label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.avatar-upload__hint{font-size:.75rem;color:var(--text-muted)}.avatar-upload__error{font-size:.75rem;color:var(--negative)}@media(max-width:640px){.avatar-upload__image{width:72px;height:72px}.avatar-upload__initials{font-size:1.5rem}}.profile-field__edit-actions{display:flex;gap:var(--space-2)}.profile-field__edit-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast)}.profile-field__edit-btn--cancel{background:var(--bg-tertiary);color:var(--text-muted)}.profile-field__edit-btn--cancel:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.profile-field__edit-btn--save{background:var(--accent);color:var(--bg-primary)}.profile-field__edit-btn--save:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-glow)}.profile-field__edit-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.profile-field__edit-actions{flex-shrink:0}.profile-field__edit-btn{width:40px;height:40px}}.profile-field__button-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.btn-small{padding:var(--space-2) var(--space-3);font-size:.75rem}.btn-ghost.btn-small{color:var(--text-muted)}.btn-ghost.btn-small:hover{color:var(--text-secondary)}.security-form{display:flex;flex-direction:column;gap:var(--space-5)}.security-form__title{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.security-form__description{font-size:.875rem;color:var(--text-muted);margin:calc(var(--space-2) * -1) 0 0 0;line-height:1.5}.security-form__error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--negative-bg);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius);color:var(--negative);font-size:.875rem}.security-form__field{display:flex;flex-direction:column;gap:var(--space-2)}.security-form__field label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.security-form__input-wrapper{position:relative;display:flex;align-items:center}.security-form__input-wrapper input{flex:1;padding:var(--space-3) var(--space-4);padding-right:44px;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)}.security-form__input-wrapper input::placeholder{color:var(--text-muted)}.security-form__input-wrapper input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.security-form__input-wrapper input:disabled{opacity:.6;cursor:not-allowed}.security-form__toggle{position:absolute;right:var(--space-2);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.security-form__toggle:hover{color:var(--text-secondary);background:var(--bg-elevated)}.security-form__hint{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:var(--space-1)}.security-form__hint--error{color:var(--negative)}.security-form__hint--success{color:var(--positive)}.security-form__actions{display:flex;gap:var(--space-3);padding-top:var(--space-2)}.security-form__actions .btn{flex:1;justify-content:center}@media(max-width:640px){.profile-field__button-row{flex-direction:column;align-items:stretch}.profile-field__button-row .btn{justify-content:center}.security-form__actions{flex-direction:column-reverse}}.email-change-modal{max-width:420px}.email-change-modal__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.email-change-modal__icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--accent-glow);border-radius:var(--radius-lg);color:var(--accent)}.email-change-modal__header h3{flex:1;margin:0;font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--text-primary)}.email-change-modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.email-change-modal__close:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.email-change-modal__close:disabled{opacity:.5;cursor:not-allowed}.email-change-modal__description{font-size:.875rem;color:var(--text-muted);margin:0 0 var(--space-5);line-height:1.5}.email-change-modal__error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--negative-bg);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius);color:var(--negative);font-size:.875rem;margin-bottom:var(--space-5)}.email-change-modal__field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.email-change-modal__field label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.email-change-modal__input{padding:var(--space-3) var(--space-4);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)}.email-change-modal__input::placeholder{color:var(--text-muted)}.email-change-modal__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.email-change-modal__input:disabled{opacity:.6;cursor:not-allowed}.email-change-modal__input--disabled{background:var(--bg-secondary);color:var(--text-muted)}.email-change-modal__actions{display:flex;gap:var(--space-3);margin-top:var(--space-5)}.email-change-modal__actions .btn{flex:1;justify-content:center}.email-change-modal__success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-4) 0}.email-change-modal__success-icon{color:var(--positive);margin-bottom:var(--space-4)}.email-change-modal__success h4{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-3)}.email-change-modal__success p{font-size:.875rem;color:var(--text-muted);margin:0 0 var(--space-2);line-height:1.5}.email-change-modal__success strong{color:var(--accent)}.email-change-modal__note{font-size:.75rem;color:var(--text-muted);padding:var(--space-3);background:var(--warning-bg);border-radius:var(--radius);margin-top:var(--space-3);margin-bottom:var(--space-4)}.email-change-modal__success .btn{min-width:120px}@media(max-width:640px){.email-change-modal__actions{flex-direction:column-reverse}}.delete-account-modal{max-width:440px}.delete-account-modal__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.delete-account-modal__icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--negative-bg);border-radius:var(--radius-lg);color:var(--negative)}.delete-account-modal__header h3{flex:1;margin:0;font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--text-primary)}.delete-account-modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.delete-account-modal__close:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.delete-account-modal__close:disabled{opacity:.5;cursor:not-allowed}.delete-account-modal__warning{padding:var(--space-4);background:var(--negative-bg);border:1px solid rgba(239,68,68,.15);border-radius:var(--radius);margin-bottom:var(--space-5)}.delete-account-modal__warning p{font-size:.875rem;color:var(--text-secondary);margin:0 0 var(--space-3);line-height:1.5}.delete-account-modal__warning strong{color:var(--negative)}.delete-account-modal__warning ul{margin:0;padding:0 0 0 var(--space-5);font-size:.8125rem;color:var(--text-muted);line-height:1.6}.delete-account-modal__warning li{margin-bottom:var(--space-1)}.delete-account-modal__error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--negative-bg);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius);color:var(--negative);font-size:.875rem;margin-bottom:var(--space-5)}.delete-account-modal__field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.delete-account-modal__field label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.delete-account-modal__field label strong{color:var(--negative);font-family:var(--font-mono);font-size:.75rem;padding:2px 6px;background:var(--negative-bg);border-radius:var(--radius-sm)}.delete-account-modal__input{padding:var(--space-3) var(--space-4);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)}.delete-account-modal__input::placeholder{color:var(--text-muted)}.delete-account-modal__input:focus{border-color:var(--negative);box-shadow:0 0 0 3px #ef444426}.delete-account-modal__input:disabled{opacity:.6;cursor:not-allowed}.delete-account-modal__password-wrapper{position:relative;display:flex;align-items:center}.delete-account-modal__password-wrapper .delete-account-modal__input{flex:1;padding-right:48px}.delete-account-modal__toggle{position:absolute;right:var(--space-2);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.delete-account-modal__toggle:hover{color:var(--text-secondary);background:var(--bg-elevated)}.delete-account-modal__actions{display:flex;gap:var(--space-3);margin-top:var(--space-5)}.delete-account-modal__actions .btn{flex:1;justify-content:center}@media(max-width:640px){.delete-account-modal__actions{flex-direction:column-reverse}}.profile-page{max-width:720px;margin:0 auto;padding:var(--space-4);padding-bottom:calc(var(--space-8) + 70px)}@media(min-width:768px){.profile-page{padding:var(--space-6) var(--space-8);padding-bottom:var(--space-8)}}.profile-page__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);animation:profileFadeUp .4s ease-out}.profile-page__header-text h1{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-1);letter-spacing:-.02em}.profile-page__subtitle{font-size:.875rem;color:var(--text-muted);margin:0}.profile-page__settings-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--accent);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;font-size:.8125rem;font-weight:500;white-space:nowrap;transition:all var(--transition-fast)}.profile-page__settings-link:hover{background:var(--bg-tertiary);border-color:var(--accent)}.profile-page__settings-link:active{transform:scale(.98)}.profile-page__sections{display:flex;flex-direction:column;gap:var(--space-5)}.profile-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;animation:profileFadeUp .4s ease-out both}.profile-section:nth-child(1){animation-delay:.05s}.profile-section:nth-child(2){animation-delay:.1s}.profile-section:nth-child(3){animation-delay:.15s}.profile-section__header{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.profile-section__icon-wrapper{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--accent-glow);border:1px solid rgba(0,212,170,.2);border-radius:var(--radius-lg);color:var(--accent);flex-shrink:0}.profile-section__icon-wrapper--security{background:var(--info-bg);border-color:#3b82f633;color:var(--info)}.profile-section__icon-wrapper--danger{background:var(--negative-bg);border-color:#ef444433;color:var(--negative)}.profile-section__title{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1)}.profile-section__description{font-size:.8125rem;color:var(--text-muted);margin:0}.profile-section__content{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.profile-section--danger{border-color:#ef444426}.profile-section--danger .profile-section__header{background:linear-gradient(180deg,rgba(239,68,68,.08) 0%,var(--bg-secondary) 100%)}.profile-field{display:flex;flex-direction:column;gap:var(--space-3)}.profile-field--avatar{flex-direction:row;align-items:center;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--border)}.profile-field--disabled{opacity:.6}.profile-field__label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.profile-field__hint{font-size:.75rem;color:var(--text-muted);display:block;margin-top:var(--space-1)}.profile-field__header{display:flex;align-items:flex-start;gap:var(--space-3)}.profile-field__header-icon{color:var(--text-muted);margin-top:2px;flex-shrink:0}.profile-field__header .profile-field__label{margin-bottom:0}.profile-field__header .profile-field__hint{margin-top:var(--space-1)}.profile-field__input-row{display:flex;align-items:center;gap:var(--space-3)}.profile-field__input{flex:1;padding:var(--space-3) var(--space-4);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)}.profile-field__input::placeholder{color:var(--text-muted)}.profile-field__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.profile-field__input:disabled{opacity:.6;cursor:not-allowed}.profile-field__value{flex:1;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;color:var(--text-primary)}.profile-field__value-icon{color:var(--text-muted);flex-shrink:0}.profile-field__action{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:.8125rem;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.profile-field__action:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-primary)}.profile-field__action:disabled{opacity:.5;cursor:not-allowed}.profile-field__action-button{align-self:flex-start;margin-top:var(--space-2)}.profile-field__badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-muted)}.profile-field__badge--success{background:var(--positive-bg);color:var(--positive)}.profile-avatar{position:relative;flex-shrink:0}.profile-avatar__image{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);border-radius:var(--radius-xl);font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--bg-primary);text-transform:uppercase;box-shadow:0 4px 12px #00d4aa40}.profile-avatar__upload{position:absolute;bottom:-4px;right:-4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:2px solid var(--bg-secondary);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.profile-avatar__upload:hover{background:var(--accent);color:var(--bg-primary);border-color:var(--accent);transform:scale(1.1)}.profile-avatar__info{display:flex;flex-direction:column;gap:var(--space-1)}.profile-avatar__info .profile-field__label{margin-bottom:0}.profile-avatar__info .profile-field__hint{margin-top:0}.profile-danger-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:var(--negative-bg);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg)}.profile-danger-card__content{display:flex;gap:var(--space-4)}.profile-danger-card__icon{color:var(--negative);flex-shrink:0;margin-top:2px}.profile-danger-card__title{font-family:var(--font-heading);font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2)}.profile-danger-card__description{font-size:.8125rem;color:var(--text-muted);margin:0;line-height:1.5}.profile-danger-card .btn-danger{align-self:flex-start}.btn-ghost{background:transparent;border:none;padding:var(--space-2) var(--space-3)}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary)}@keyframes profileFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.profile-section{transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.profile-section:hover{border-color:var(--border-strong)}.profile-section--danger:hover{border-color:#ef44444d}.profile-avatar:hover .profile-avatar__image{box-shadow:0 6px 20px #00d4aa59}@media(max-width:640px){.profile-page__header h1{font-size:1.5rem}.profile-section__header,.profile-section__content{padding:var(--space-4)}.profile-section__icon-wrapper{width:40px;height:40px}.profile-field__input-row{flex-direction:column;align-items:stretch}.profile-field__action{justify-content:center}.profile-danger-card{padding:var(--space-4)}.profile-danger-card__content{flex-direction:column;gap:var(--space-3)}.profile-danger-card .btn-danger{width:100%;justify-content:center}}.profile-field--loading .profile-field__input,.profile-field--loading .profile-field__value{animation:profilePulse 1.5s ease-in-out infinite}@keyframes profilePulse{0%,to{opacity:1}50%{opacity:.6}}.profile-field--success .profile-field__input{border-color:var(--positive);box-shadow:0 0 0 3px var(--positive-bg)}.profile-field--error .profile-field__input{border-color:var(--negative);box-shadow:0 0 0 3px var(--negative-bg)}.profile-field__error-message{font-size:.75rem;color:var(--negative);margin-top:var(--space-1)}.push-notification-settings{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius)}.push-notification-settings--unsupported,.push-notification-settings--denied{opacity:.6;flex-direction:column;align-items:flex-start}.push-notification-header{display:flex;align-items:flex-start;gap:var(--space-3)}.push-notification-header svg{flex-shrink:0;color:var(--text-muted);margin-top:2px}.push-notification-header svg.icon-active{color:var(--accent)}.push-notification-header h4{margin:0;font-size:.938rem;font-weight:600;color:var(--text-primary)}.push-notification-header p{margin:var(--space-1) 0 0;font-size:.813rem;color:var(--text-muted)}.push-notification-toggle{flex-shrink:0;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);background:var(--bg-elevated);color:var(--text-secondary)}.push-notification-toggle:hover:not(:disabled){background:var(--accent);color:var(--bg-primary)}.push-notification-toggle--active{background:var(--accent);color:var(--bg-primary)}.push-notification-toggle--active:hover:not(:disabled){background:var(--negative);color:#fff}.push-notification-toggle:disabled{cursor:not-allowed;opacity:.7}.push-notification-toggle .spin{animation:spin 1s linear infinite}.push-notification-help{font-size:.75rem;color:var(--text-muted);margin:var(--space-2) 0 0}.push-notification-error{font-size:.75rem;color:var(--negative);margin:var(--space-2) 0 0}.notification-prefs{display:flex;flex-direction:column;gap:var(--space-4)}.notification-prefs__intro{margin:0;font-size:.813rem;color:var(--text-muted);line-height:1.5}.notification-prefs__cards{display:flex;flex-direction:column;gap:var(--space-3)}.notification-prefs__error{margin:0;padding:var(--space-3);font-size:.813rem;color:var(--negative);background:#ef44441a;border-radius:var(--radius-sm)}.notification-prefs-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);color:var(--text-muted);font-size:.875rem}.notification-prefs-loading .spin{animation:spin 1s linear infinite}.notification-card{background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid transparent;transition:border-color .2s ease,box-shadow .2s ease}.notification-card--enabled{border-color:#00d4aa33;box-shadow:0 0 0 1px #00d4aa0d}.notification-card__header{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4)}.notification-card__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-secondary);border-radius:var(--radius);color:var(--text-muted);transition:background .2s ease,color .2s ease}.notification-card--enabled .notification-card__icon{background:#00d4aa1a;color:var(--accent)}.notification-card__info{flex:1;min-width:0}.notification-card__title{margin:0;font-size:.875rem;font-weight:600;color:var(--text-primary);line-height:1.4}.notification-card__description{margin:var(--space-1) 0 0;font-size:.75rem;color:var(--text-muted);line-height:1.4}.notification-card__toggle{flex-shrink:0;position:relative;width:44px;height:24px;padding:0;border:none;border-radius:12px;background:var(--bg-secondary);cursor:pointer;transition:background .2s ease}.notification-card__toggle:hover:not(:disabled){background:var(--bg-elevated)}.notification-card__toggle--active{background:var(--accent)}.notification-card__toggle--active:hover:not(:disabled){background:var(--accent-hover)}.notification-card__toggle:disabled{cursor:not-allowed;opacity:.6}.notification-card__toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--text-muted);transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s ease}.notification-card__toggle--active .notification-card__toggle-thumb{transform:translate(20px);background:var(--bg-primary)}.notification-card__content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease,padding .25s ease;overflow:hidden}.notification-card__content--visible{grid-template-rows:1fr}.notification-card__content>*{min-height:0}.notification-card__content--visible>*{padding:0 var(--space-4) var(--space-4);padding-left:calc(var(--space-4) + 36px + var(--space-3))}.notification-card__note{margin:0;font-size:.75rem;color:var(--text-muted);font-style:italic}.threshold-input{display:flex;flex-direction:column;gap:var(--space-2)}.threshold-input__label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.threshold-input__wrapper{position:relative;display:flex;align-items:center}.threshold-input__currency{position:absolute;left:var(--space-3);font-size:.875rem;font-weight:600;color:var(--text-muted);pointer-events:none;transition:color .15s ease}.threshold-input--focused .threshold-input__currency{color:var(--accent)}.threshold-input__field{width:100%;max-width:160px;padding:var(--space-2) var(--space-3);padding-left:calc(var(--space-3) + 1rem);font-size:.875rem;font-weight:500;font-variant-numeric:tabular-nums;color:var(--text-primary);background:var(--bg-secondary);border:1px solid transparent;border-radius:var(--radius-sm);outline:none;transition:border-color .15s ease,background .15s ease}.threshold-input__field::placeholder{color:var(--text-muted);font-weight:400}.threshold-input__field:hover:not(:disabled){background:var(--bg-elevated)}.threshold-input__field:focus{border-color:var(--accent);background:var(--bg-secondary)}.threshold-input__field:disabled{cursor:not-allowed;opacity:.6}.threshold-input__spinner{position:absolute;right:var(--space-3);color:var(--text-muted);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:480px){.notification-card__header{flex-wrap:wrap;gap:var(--space-3)}.notification-card__info{flex-basis:calc(100% - 36px - var(--space-3) - 44px - var(--space-3))}.notification-card__content--visible>*{padding-left:var(--space-4)}.threshold-input__field{max-width:100%}}.settings-page{max-width:720px;margin:0 auto;padding:var(--space-4);padding-bottom:calc(var(--space-8) + 70px)}@media(min-width:768px){.settings-page{padding:var(--space-6) var(--space-8);padding-bottom:var(--space-8)}}.settings-page__header{margin-bottom:var(--space-6);animation:settingsFadeUp .4s ease-out}.settings-page__header h1{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-1);letter-spacing:-.02em}.settings-page__subtitle{font-size:.875rem;color:var(--text-muted);margin:0}.settings-page__sections{display:flex;flex-direction:column;gap:var(--space-5)}.settings-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;animation:settingsFadeUp .4s ease-out both;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.settings-section:nth-child(1){animation-delay:.05s}.settings-section:nth-child(2){animation-delay:.1s}.settings-section:nth-child(3){animation-delay:.15s}.settings-section:nth-child(4){animation-delay:.2s}.settings-section:hover{border-color:var(--border-strong)}.settings-section__header{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.settings-section__icon-wrapper{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--accent-glow);border:1px solid rgba(0,212,170,.2);border-radius:var(--radius-lg);color:var(--accent);flex-shrink:0}.settings-section__icon-wrapper--bank{background:var(--info-bg);border-color:#3b82f633;color:var(--info)}.settings-section__icon-wrapper--data{background:var(--warning-bg);border-color:#f59e0b33;color:var(--warning)}.settings-section__icon-wrapper--about{background:#a78bfa1a;border-color:#a78bfa33;color:#a78bfa}.settings-section__title{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1)}.settings-section__description{font-size:.8125rem;color:var(--text-muted);margin:0}.settings-section__content{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.settings-row--stacked{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.settings-row__info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.settings-row__label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.settings-row__hint{font-size:.75rem;color:var(--text-muted);line-height:1.4}.theme-selector{display:flex;gap:2px;background:var(--bg-tertiary);padding:3px;border-radius:var(--radius);flex-shrink:0}.theme-selector__btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:.8125rem;font-weight:500;border:none;background:transparent;border-radius:calc(var(--radius) - 2px);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.theme-selector__btn:hover{color:var(--text-secondary)}.theme-selector__btn--active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.toggle-switch{position:relative;width:48px;height:28px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;padding:0}.toggle-switch:hover{border-color:var(--border-strong)}.toggle-switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toggle-switch__thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--text-muted);border-radius:var(--radius-full);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle-switch--active{background:var(--accent);border-color:var(--accent)}.toggle-switch--active .toggle-switch__thumb{transform:translate(20px);background:#fff}.connection-status{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-lg)}.connection-status__info{display:flex;align-items:center;gap:var(--space-3)}.connection-status__badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-full)}.connection-status__badge--connected{background:var(--positive-bg);color:var(--positive)}.connection-status__badge--disconnected{background:var(--bg-elevated);color:var(--text-muted)}.connection-status__env{font-size:.75rem;color:var(--text-muted)}.connection-status__sync{display:flex;align-items:center;gap:var(--space-2)}.connection-status__label{font-size:.75rem;color:var(--text-muted)}.connection-status__value{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.connection-status__hint{font-size:.8125rem;color:var(--text-muted);margin:0;line-height:1.5}.settings-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.settings-actions .btn{flex:1;min-width:120px}.btn-danger-outline{color:var(--negative);border-color:#ef44444d}.btn-danger-outline:hover:not(:disabled){background:var(--negative-bg);border-color:var(--negative)}.spin{animation:spin 1s linear infinite}.settings-divider{height:1px;background:var(--border);margin:var(--space-2) 0}.settings-loading{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);color:var(--text-muted);font-size:.875rem}.settings-loading__spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.about-info{padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius)}.about-row{display:flex;justify-content:space-between;align-items:center}.about-row__label{font-size:.875rem;color:var(--text-muted)}.about-row__value{font-size:.875rem;font-weight:500;color:var(--text-primary);font-family:var(--font-mono)}.about-links{display:flex;flex-direction:column;gap:var(--space-2)}.about-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:all var(--transition-fast)}.about-link:hover{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-primary)}.about-link svg{color:var(--text-muted)}@keyframes settingsFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.settings-page__header h1{font-size:1.5rem}.settings-section__header,.settings-section__content{padding:var(--space-4)}.settings-section__icon-wrapper{width:40px;height:40px}.settings-row{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.theme-selector{width:100%}.theme-selector__btn{flex:1;justify-content:center}.settings-actions{flex-direction:column}.settings-actions .btn{width:100%}}.verify-email-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-8);background:var(--bg-primary)}.verify-email-container{width:100%;max-width:420px;background:var(--bg-secondary);padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:verifyEmailFadeUp .4s ease-out}@keyframes verifyEmailFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.verify-email-header{text-align:center;margin-bottom:var(--space-6)}.verify-email-header__icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);background:var(--accent-glow);border-radius:var(--radius-xl);color:var(--accent)}.verify-email-header h1{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2)}.verify-email-header p{font-size:.875rem;color:var(--text-muted);margin:0}.verify-email-error{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--negative-bg);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius);color:var(--negative);font-size:.875rem;margin-bottom:var(--space-6);line-height:1.5}.verify-email-error svg{flex-shrink:0;margin-top:2px}.verify-email-form{display:flex;flex-direction:column;gap:var(--space-5)}.verify-email-field{display:flex;flex-direction:column;gap:var(--space-2)}.verify-email-field label{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;font-weight:500;color:var(--text-secondary)}.verify-email-input-wrapper{position:relative;display:flex;align-items:center}.verify-email-input-wrapper input{flex:1;padding:var(--space-4);padding-right:48px;font-family:var(--font-body);font-size:1rem;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)}.verify-email-input-wrapper input::placeholder{color:var(--text-muted)}.verify-email-input-wrapper input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.verify-email-input-wrapper input:disabled{opacity:.6;cursor:not-allowed}.verify-email-toggle{position:absolute;right:var(--space-2);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast)}.verify-email-toggle:hover{color:var(--text-secondary);background:var(--bg-elevated)}.verify-email-hint{font-size:.75rem;color:var(--text-muted)}.verify-email-actions{margin-top:var(--space-4)}.verify-email-success{display:flex;flex-direction:column;align-items:center;text-align:center}.verify-email-success__icon{color:var(--positive);margin-bottom:var(--space-4)}.verify-email-success h1{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2)}.verify-email-success p{font-size:.875rem;color:var(--text-muted);margin:0}.verify-email-success__redirect{padding:var(--space-3) var(--space-4);background:var(--info-bg);border-radius:var(--radius);color:var(--info);font-size:.875rem;margin:var(--space-4) 0}.verify-email-success .btn{min-width:140px}.verify-email-footer{margin-top:var(--space-6);text-align:center}.verify-email-footer a{font-size:.875rem;color:var(--accent);text-decoration:none;font-weight:500}.verify-email-footer a:hover{text-decoration:underline}.spin{animation:spin .8s linear infinite}@media(max-width:480px){.verify-email-page{padding:var(--space-4)}.verify-email-container{padding:var(--space-6)}}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--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}.light{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-elevated: #e2e8f0;--accent: #00d4aa;--accent-hover: #00b894;--accent-glow: rgba(0, 212, 170, .12);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--positive: #059669;--positive-bg: rgba(16, 185, 129, .12);--negative: #dc2626;--negative-bg: rgba(239, 68, 68, .1);--warning: #d97706;--warning-bg: rgba(245, 158, 11, .12);--info: #2563eb;--info-bg: rgba(59, 130, 246, .1);--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .12);--divider: rgba(0, 0, 0, .05);--primary: var(--accent);--primary-hover: var(--accent-hover);--error: var(--negative);--success: var(--positive);--muted: var(--text-muted);--foreground: var(--text-primary);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(0, 212, 170, .2)}html{transition:background-color .2s ease,color .2s ease}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;min-height:-webkit-fill-available;font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);overscroll-behavior-y:contain;padding-top:var(--safe-area-top);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}html{height:-webkit-fill-available}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-item.clickable{cursor:pointer}.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}}