.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-3)}.page-header__left{display:flex;align-items:center;gap:var(--space-4)}.page-header__title{font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:-.02em}.page-header__subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary)}.page-header__actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}@media (max-width:768px){.page-header{flex-direction:column;align-items:stretch;gap:var(--space-4)}.page-header__actions{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-3)}.page-header__actions .btn{width:100%;justify-content:center;padding:var(--space-3) var(--space-2)}}.filters-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);flex-wrap:wrap}.filters-bar__group{display:flex;align-items:center;gap:var(--space-2)}.filters-bar__label{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--font-medium);white-space:nowrap}@media (max-width:480px){.filters-bar{flex-direction:column;align-items:stretch}}.summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media (max-width:768px){.summary-row{grid-template-columns:1fr}}.chart-layout{display:flex;gap:var(--space-6);align-items:center}.chart-layout__donut{position:relative;width:200px;height:200px;flex-shrink:0}.chart-layout__legend{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:0}@media (max-width:640px){.chart-layout{flex-direction:column;align-items:stretch}.chart-layout__donut{width:180px;height:180px;margin:0 auto}.chart-layout__legend{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.chart-layout__legend .category-breakdown-item__name{white-space:normal;overflow:visible}}.transactions-list{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.transactions-group{border-bottom:1px solid var(--color-border)}.transactions-group:last-child{border-bottom:none}.transactions-group__date{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);text-transform:uppercase;letter-spacing:.06em}.envelopes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.envelope-card{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.envelope-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.envelope-card--over-budget{border-color:rgba(239,68,68,.3)}.envelope-card__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.envelope-card__icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);flex-shrink:0}.envelope-card__name{font-size:var(--text-base);font-weight:var(--font-semibold)}.envelope-card__amounts{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-3)}.envelope-card__spent{font-size:var(--text-lg);font-weight:var(--font-bold)}.envelope-card__target{font-size:var(--text-sm);color:var(--color-text-tertiary)}.envelope-card__percentage{font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:right;margin-top:var(--space-1)}.savings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.savings-card{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);cursor:pointer;transition:all var(--transition-fast)}.savings-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.savings-card__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.savings-card__icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.savings-card__info{flex:1 1}.savings-card__name{font-size:var(--text-base);font-weight:var(--font-semibold)}.savings-card__date{font-size:var(--text-xs);color:var(--color-text-tertiary)}.savings-card__amounts{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-3)}.savings-card__current{font-size:var(--text-xl);font-weight:var(--font-bold)}.savings-card__target{font-size:var(--text-sm);color:var(--color-text-tertiary)}.savings-card__percentage{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:right;margin-top:var(--space-1);font-weight:var(--font-semibold)}.savings-deposit-history{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.savings-deposit-history__toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;margin:0;padding:var(--space-2) var(--space-2);margin-left:calc(var(--space-2) * -1);margin-right:calc(var(--space-2) * -1);border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;font:inherit;text-align:left;color:var(--color-text-secondary);transition:background var(--transition-fast),color var(--transition-fast)}.savings-deposit-history__toggle:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.savings-deposit-history__toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.savings-deposit-history__toggle-label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.04em;flex:1 1;min-width:0}.savings-deposit-history__toggle-count{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);padding:2px 8px;border-radius:var(--radius-full)}.savings-deposit-history__chevron{flex-shrink:0;color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.savings-deposit-history__chevron--open{transform:rotate(90deg)}.savings-deposit-history__list{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-1);max-height:200px;overflow-y:auto}.savings-deposit-history__row{padding:var(--space-2);margin:0 calc(var(--space-2) * -1);border-radius:var(--radius-md);transition:background var(--transition-fast)}.savings-deposit-history__row:hover{background:var(--color-bg-tertiary)}.savings-deposit-history__line{display:flex;align-items:center;gap:var(--space-2)}.savings-deposit-history__main{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);flex:1 1;min-width:0}.savings-deposit-history__date{font-size:var(--text-xs);color:var(--color-text-secondary)}.savings-deposit-history__amount{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);flex-shrink:0}.savings-deposit-history__notes{font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:var(--leading-snug);margin-top:var(--space-1);padding-right:calc(28px + var(--space-2))}.savings-deposit-history__edit{flex-shrink:0;opacity:.65}.savings-deposit-history__row:hover .savings-deposit-history__edit{opacity:1}.savings-deposit-history__edit:focus-visible{opacity:1}.iou-list{display:flex;flex-direction:column;gap:var(--space-3)}.iou-card{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-fast)}.iou-card:hover{border-color:var(--color-border-hover)}.iou-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.iou-card__borrower{font-size:var(--text-base);font-weight:var(--font-semibold)}.iou-card__status{display:inline-flex}.iou-card__details{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-3)}.iou-card__amount{font-size:var(--text-xl);font-weight:var(--font-bold)}.iou-card__remaining{font-size:var(--text-sm);color:var(--color-text-tertiary)}.iou-card__meta{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-tertiary)}.iou-card__actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.rules-list{display:flex;flex-direction:column;gap:var(--space-3)}.rule-card{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4);transition:all var(--transition-fast)}.rule-card:hover{border-color:var(--color-border-hover)}.rule-card__icon{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.rule-card__info{flex:1 1;min-width:0}.rule-card__name{font-size:var(--text-base);font-weight:var(--font-semibold)}.rule-card__frequency{font-size:var(--text-xs);color:var(--color-text-tertiary)}.rule-card__amount{font-size:var(--text-lg);font-weight:var(--font-bold);white-space:nowrap}.rule-card__actions{display:flex;align-items:center;gap:var(--space-2)}.settings-sections{display:flex;flex-direction:column;gap:var(--space-6)}.settings-section{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.settings-section--highlight{border-color:var(--color-accent);animation:settingsHighlightPulse 1.4s ease-out}@keyframes settingsHighlightPulse{0%{box-shadow:0 0 0 0 rgba(99,102,241,.45)}40%{box-shadow:0 0 0 10px rgba(99,102,241,.15)}to{box-shadow:0 0 0 0 rgba(99,102,241,0)}}.settings-section__header{padding:var(--space-5);border-bottom:1px solid var(--color-border)}.settings-section__title{font-size:var(--text-base);font-weight:var(--font-semibold)}.settings-section__body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.settings-row__label{font-size:var(--text-sm);font-weight:var(--font-medium)}.settings-row__description{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px}.settings-row__control{flex-shrink:0}.toggle{position:relative;width:48px;height:26px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast)}.toggle--active{background:var(--color-accent);border-color:var(--color-accent)}.toggle__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:white;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle--active .toggle__thumb{transform:translateX(22px)}@media (max-width:640px){.settings-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.settings-row__control{width:100%}.settings-row__control .btn,.settings-row__control input,.settings-row__control select{width:100%;max-width:100%}}