@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--color-green-600: #14AF7F;--color-green-500: #17B886;--color-green-400: #19C08C;--color-green-200: #A2F8DD;--color-green-100: #E6FBF4;--color-dark-900: #1D2939;--color-dark-800: #2D3E50;--color-dark-700: #344054;--color-grey-500: #667085;--color-grey-400: #98A2B3;--color-grey-200: #E4E7EC;--color-grey-100: #F2F4F7;--color-grey-50: #F9FAFB;--color-white: #FFFFFF;--color-status-green: #12B76A;--color-status-green-bg:#ECFDF3;--color-status-amber: #F79009;--color-status-amber-bg:#FFFAEB;--color-status-red: #F04438;--color-status-red-bg: #FEF3F2;--color-status-blue: #2E90FA;--color-status-blue-bg: #EFF8FF;--color-status-purple: #7F56D9;--color-status-purple-bg:#F9F5FF;--color-primary: var(--color-green-500);--color-primary-hover: var(--color-green-600);--color-primary-light: var(--color-green-100);--color-bg: var(--color-white);--color-bg-subtle: var(--color-grey-50);--color-bg-muted: var(--color-grey-100);--color-fg: var(--color-dark-900);--color-fg-secondary: var(--color-grey-500);--color-fg-muted: var(--color-grey-400);--color-fg-inverse: var(--color-white);--color-border: var(--color-grey-200);--color-border-focus: var(--color-green-500);--color-sidebar-bg: var(--color-dark-800);--color-sidebar-icon: var(--color-grey-400);--color-sidebar-icon-active: var(--color-green-400);--font-display: "Plus Jakarta Sans", sans-serif;--font-ui: "Inter", sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 30px;--font-size-5xl: 36px;--font-size-6xl: 48px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold:600;--font-weight-bold: 700;--font-weight-extrabold:800;--line-height-tight: 1.2;--line-height-snug: 1.35;--line-height-normal: 1.5;--line-height-loose: 1.75;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0em;--letter-spacing-wide: .04em;--letter-spacing-wider: .08em;--type-h1-size: var(--font-size-5xl);--type-h1-weight: var(--font-weight-bold);--type-h1-family: var(--font-display);--type-h1-lh: var(--line-height-tight);--type-h2-size: var(--font-size-4xl);--type-h2-weight: var(--font-weight-bold);--type-h2-family: var(--font-display);--type-h3-size: var(--font-size-3xl);--type-h3-weight: var(--font-weight-semibold);--type-h3-family: var(--font-display);--type-h4-size: var(--font-size-xl);--type-h4-weight: var(--font-weight-semibold);--type-h4-family: var(--font-ui);--type-body-size: var(--font-size-base);--type-body-family: var(--font-ui);--type-body-weight: var(--font-weight-regular);--type-body-lh: var(--line-height-normal);--type-label-size: var(--font-size-sm);--type-label-weight: var(--font-weight-medium);--type-label-ls: var(--letter-spacing-wide);--type-caption-size: var(--font-size-xs);--type-caption-family: var(--font-ui);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(16,24,40,.05);--shadow-sm: 0 1px 3px rgba(16,24,40,.1), 0 1px 2px rgba(16,24,40,.06);--shadow-md: 0 4px 8px -2px rgba(16,24,40,.1), 0 2px 4px -2px rgba(16,24,40,.06);--shadow-lg: 0 12px 16px -4px rgba(16,24,40,.08), 0 4px 6px -2px rgba(16,24,40,.03);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}body{font-family:var(--font-ui);font-size:var(--font-size-base);color:var(--color-fg);background:var(--color-bg);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased}h1{font-family:var(--type-h1-family);font-size:var(--type-h1-size);font-weight:var(--type-h1-weight);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-fg)}h2{font-family:var(--type-h2-family);font-size:var(--type-h2-size);font-weight:var(--type-h2-weight);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);color:var(--color-fg)}h3{font-family:var(--type-h3-family);font-size:var(--type-h3-size);font-weight:var(--type-h3-weight);line-height:var(--line-height-snug);color:var(--color-fg)}h4{font-family:var(--type-h4-family);font-size:var(--type-h4-size);font-weight:var(--type-h4-weight);color:var(--color-fg)}p{font-family:var(--type-body-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-lh);color:var(--color-fg)}:root{--font-size-xs: 9px;--font-size-sm: 10px;--font-size-base: 11px;--font-size-md: 12px;--font-size-lg: 13px;--font-size-xl: 14px;--font-size-2xl: 15px;--font-size-3xl: 18px;--font-size-4xl: 22px;--font-size-5xl: 27px;--font-size-6xl: 34px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg-subtle)}.app{min-height:100%;display:grid;grid-template-columns:232px 1fr}.app__main{min-width:0;background:var(--color-bg-subtle)}.sidebar{position:sticky;top:0;align-self:start;height:100vh;background:var(--color-sidebar-bg);color:var(--color-fg-inverse);display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-2)}.sidebar__brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-5)}.sidebar__logo{width:40px;height:40px;border-radius:var(--radius-xl);display:grid;place-items:center;background:linear-gradient(135deg,var(--color-green-400),var(--color-green-600))}.sidebar__brand-text{display:flex;flex-direction:column;line-height:1.15}.sidebar__brand-name{font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.sidebar__brand-sub{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-grey-400)}.sidebar__nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-lg);color:var(--color-grey-400);text-decoration:none;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);transition:background var(--transition-fast),color var(--transition-fast)}.sidebar__link:hover{color:var(--color-white);background:#ffffff0d}.sidebar__link.is-active{color:var(--color-white);font-weight:var(--font-weight-semibold);background:linear-gradient(135deg,var(--color-green-400),var(--color-green-600));box-shadow:var(--shadow-sm)}.sidebar__icon{flex:none;color:currentColor}.sidebar__footer{margin-top:auto;padding:var(--space-4) var(--space-2) var(--space-1);border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column}.sidebar__footer-primary{font-size:var(--font-size-base);color:var(--color-grey-200)}.sidebar__footer-sub{font-size:var(--font-size-xs);color:var(--color-grey-500)}.page{max-width:none;padding:var(--space-8) var(--space-10) var(--space-16)}.page__eyebrow{margin:0 0 var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-primary)}.page__title{margin:0 0 var(--space-2)}.page__lede{margin:0 0 var(--space-6);color:var(--color-fg-secondary)}.hero-card{background:linear-gradient(150deg,var(--color-dark-900),var(--color-dark-800));color:var(--color-white);border-radius:14px;padding:var(--space-6) var(--space-6);margin-bottom:var(--space-4);box-shadow:var(--shadow-md);display:flex;flex-direction:column}.hero-card__label{margin:0;color:var(--color-grey-400);font-size:var(--font-size-base)}.hero-card__figure{margin:var(--space-2) 0 var(--space-1);font-family:var(--font-display);font-weight:var(--font-weight-extrabold);font-size:var(--font-size-6xl);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-white)}.hero-card__meta{margin:0 0 var(--space-5);color:var(--color-grey-400);font-size:var(--font-size-base)}.hero-card__bar{height:8px;border-radius:var(--radius-pill);background:#ffffff1f;overflow:hidden;margin-top:auto}.hero-card__bar>span{display:block;height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--color-green-400),var(--color-green-200))}.hero-card__bar-labels{display:flex;justify-content:space-between;margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-grey-400)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:var(--space-5)}.stat-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:15px var(--space-4);box-shadow:var(--shadow-xs)}.stat-card--accent{background:var(--color-green-100);border-color:var(--color-green-200)}.stat-card__label{margin:0 0 var(--space-1);color:var(--color-fg-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.stat-card__value{margin:0 0 var(--space-1);font-family:var(--font-display);font-weight:var(--font-weight-extrabold);font-size:var(--font-size-3xl);letter-spacing:var(--letter-spacing-tight)}.stat-card--accent .stat-card__value{color:var(--color-green-600)}.stat-card__sub{margin:0;color:var(--color-fg-muted);font-size:var(--font-size-sm)}.stat-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.stat-card__top .stat-card__label{margin:0}.stat-card__icon{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--color-grey-100);color:var(--color-fg-secondary)}.stat-card__icon svg{width:15px;height:15px}.stat-card--accent .stat-card__icon{background:var(--color-green-200);color:var(--color-green-600)}.stat-card__labelwrap{display:flex;align-items:center;gap:var(--space-2)}.month-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5)}.month-nav{display:flex;align-items:center;gap:var(--space-3)}.month-nav__btn{width:40px;height:40px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);font-size:var(--font-size-xl);line-height:1;cursor:pointer;color:var(--color-fg-secondary)}.month-nav__btn:hover{background:var(--color-bg-subtle)}.month-nav__title{margin:0;font-size:var(--font-size-4xl)}.month-actions{display:flex;gap:var(--space-3)}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.position-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;margin-bottom:14px}.position-grid .hero-card{margin-bottom:0}.tile-quad{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:14px}.tile-row3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.month-top{display:grid;grid-template-columns:1.15fr 1fr;gap:14px 18px;align-items:start;margin-bottom:14px;grid-template-areas:"nav actions" "cycle cycle" "hero quad" "row3 row3"}.mt-nav{grid-area:nav}.mt-actions{grid-area:actions;justify-self:end;align-self:center}.mt-cycle{grid-area:cycle;justify-self:start;margin:0}.mt-hero{grid-area:hero;margin:0}.mt-quad{grid-area:quad}.mt-row3{grid-area:row3;margin:0}@media(max-width:980px){.month-top{grid-template-columns:1fr;grid-template-areas:"nav" "hero" "cycle" "actions" "quad" "row3"}.mt-actions{justify-self:stretch;align-self:auto}}.stat-card__row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.stat-card__row .stat-card__label{margin:0}.stat-card__value--md{font-size:var(--font-size-xl)}.safe-figures{display:flex;gap:var(--space-8);margin-top:var(--space-3)}.safe-figures__num{margin:0;font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-3xl);color:var(--color-green-600)}.safe-figures span{font-size:var(--font-size-sm);color:var(--color-fg-muted)}.bills-panel{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);padding:var(--space-5) var(--space-6)}.bills-panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.bills-panel__title{display:flex;align-items:center;gap:var(--space-3)}.bills-panel__title h3{margin:0;font-size:var(--font-size-lg)}.badge{background:var(--color-grey-100);color:var(--color-fg-secondary);font-size:var(--font-size-sm);padding:2px 8px;border-radius:var(--radius-pill)}.bills-panel__actions{display:flex;gap:var(--space-2)}.bills-toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.bills-search{flex:1;min-width:160px}.bills-sort{flex:none;width:180px}.segmented{display:inline-flex;background:var(--color-grey-100);border-radius:var(--radius-lg);padding:3px}.segmented__btn{border:none;background:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-fg-secondary);cursor:pointer}.segmented__btn.is-active{background:var(--color-white);color:var(--color-fg);box-shadow:var(--shadow-xs);font-weight:var(--font-weight-semibold)}.bill-table__head,.bill-table__row{display:grid;grid-template-columns:1fr 56px 92px 108px 64px;gap:var(--space-3);align-items:center}.bill-table__head{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-fg-muted)}.bill-table__row{padding:var(--space-3) 0;border-bottom:1px solid var(--color-grey-100)}.bill-table__row:last-child{border-bottom:none}.bill-table__row.is-paid .bill-row__name{text-decoration:line-through;color:var(--color-fg-muted)}.bill-table__bill{display:flex;align-items:center;gap:var(--space-3);min-width:0}.ta-c{text-align:center;justify-self:center}.ta-r{text-align:right}.bill-table__due{font-size:var(--font-size-sm);color:var(--color-fg-secondary)}.bill-table__icons{display:flex;gap:var(--space-1);justify-content:flex-end;color:var(--color-fg-muted)}.bill-list{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);overflow:hidden}.bill-list__head{display:flex;justify-content:space-between;padding:var(--space-3) var(--space-5);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-fg-muted);border-bottom:1px solid var(--color-border)}.bill-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-grey-100);cursor:pointer;transition:background var(--transition-fast)}.bill-row:hover{background:var(--color-grey-50)}.bill-row:last-child{border-bottom:none}.bill-row__check{flex:none;width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer}.bill-row--paid,.bill-row--paid:hover{background:var(--color-status-green-bg)}.bill-row--paid .bill-row__name{text-decoration:line-through;color:var(--color-fg-muted)}.bill-row--paid .bill-row__amount{color:var(--color-fg-muted)}.bill-row__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.bill-row__name{font-weight:var(--font-weight-semibold);color:var(--color-fg)}.bill-row__tags{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-fg-secondary)}.chip__dot{width:8px;height:8px;border-radius:var(--radius-pill)}.type-tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-sm);background:var(--color-grey-100);color:var(--color-grey-500)}.type-tag--debt{background:var(--color-status-red-bg);color:var(--color-status-red)}.type-tag--variable{background:var(--color-status-amber-bg);color:var(--color-status-amber)}.bill-row__due{font-size:var(--font-size-xs);color:var(--color-fg-muted)}.bill-row__right{display:flex;align-items:center;gap:var(--space-4);flex:none}.avatar{width:28px;height:28px;border-radius:var(--radius-pill);display:grid;place-items:center;color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.bill-row__amount{font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold);color:var(--color-fg);min-width:84px;text-align:right}.page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.btn{font-family:var(--font-ui);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast)}.btn--primary{background:var(--color-primary);color:var(--color-white)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--primary:disabled{opacity:.6;cursor:default}.btn--ghost{background:var(--color-white);border-color:var(--color-border);color:var(--color-fg)}.btn--ghost:hover{background:var(--color-bg-subtle)}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182880;display:grid;place-items:center;padding:var(--space-4);z-index:50;animation:modal-fade .15s ease}.modal{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);width:100%;max-width:460px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modal-pop .2s ease}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-6) 0;margin-bottom:var(--space-4)}.modal__body{padding:0 var(--space-6) var(--space-6);overflow-y:auto}.modal__title{margin:0;font-size:var(--font-size-2xl)}.modal__close{background:none;border:none;font-size:var(--font-size-3xl);line-height:1;color:var(--color-fg-muted);cursor:pointer}.form{display:flex;flex-direction:column;gap:var(--space-4)}.form__row{display:flex;gap:var(--space-3)}.form__row .field{flex:1}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-fg-secondary)}.field--check{flex-direction:row;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);color:var(--color-fg-secondary)}.input{font-family:var(--font-ui);font-size:var(--font-size-md);padding:var(--space-3);min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);color:var(--color-fg);width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none}.input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-green-100)}select.input{padding-right:38px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 12px center}input[type=date].input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.select{position:relative;width:100%}.select__control{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);text-align:left;cursor:pointer}.select__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select__value.is-placeholder{color:var(--color-fg-muted)}.select__chevron{flex:none;color:var(--color-fg-muted);transition:transform .15s ease}.select.is-open .select__chevron{transform:rotate(180deg)}.select.is-open .select__control{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-green-100)}.select__menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;margin:0;padding:var(--space-2);list-style:none;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:260px;overflow-y:auto;animation:modal-fade .12s ease}.select__option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;padding:var(--space-3);border:none;border-radius:var(--radius-md);background:none;font-family:var(--font-ui);font-size:var(--font-size-md);color:var(--color-fg);text-align:left;cursor:pointer}.select__option:hover{background:var(--color-grey-50)}.select__option.is-selected{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.form__error{margin:0;color:var(--color-status-red);font-size:var(--font-size-sm)}.form__actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2)}.form__actions--split{justify-content:space-between;align-items:center}.modal__lede{margin:0 0 var(--space-4);color:var(--color-fg-secondary);font-size:var(--font-size-base)}.form__section{margin:var(--space-2) 0 0;padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-fg-muted)}.field__hint{margin:0;font-size:var(--font-size-sm);color:var(--color-fg-muted)}.combined-row{display:flex;align-items:center;justify-content:space-between;color:var(--color-fg-secondary);font-size:var(--font-size-base)}.combined-row strong{font-size:var(--font-size-xl);color:var(--color-fg)}.info-box{background:var(--color-green-100);border:1px solid var(--color-green-200);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-green-600);line-height:var(--line-height-normal)}.btn--danger{background:var(--color-white);border-color:var(--color-status-red);color:var(--color-status-red)}.btn--danger:hover{background:var(--color-status-red-bg)}.spend-head{display:grid;grid-template-columns:64px 1fr auto}.spend-row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-grey-100)}.spend-row:last-child{border-bottom:none}.spend-row__date{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-fg-secondary)}.spend-row__main{min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.icon-btn{background:none;border:none;cursor:pointer;font-size:var(--font-size-lg);opacity:.5}.icon-btn:hover{opacity:1}.empty{padding:var(--space-8) var(--space-5);text-align:center;color:var(--color-fg-muted)}.stat-card__value--positive{color:var(--color-green-600)}.stat-card__value--negative{color:var(--color-status-red)}.person-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.person-card,.panel{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-xs)}.person-card__head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.avatar--lg{width:44px;height:44px;font-size:var(--font-size-lg)}.person-card__name{margin:0;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.person-card__sub{margin:0;font-size:var(--font-size-sm);color:var(--color-fg-muted)}.person-card__row{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--color-grey-100)}.person-card__row span:last-child{font-weight:var(--font-weight-semibold)}.person-card__foot{margin:var(--space-2) 0 0;font-size:var(--font-size-sm);color:var(--color-fg-muted)}.meter{height:8px;border-radius:var(--radius-pill);background:var(--color-grey-100);overflow:hidden;margin-top:var(--space-3)}.meter>span{display:block;height:100%;border-radius:var(--radius-pill)}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.panel__title{margin:0 0 var(--space-4);font-size:var(--font-size-xl)}.meter-row{margin-bottom:var(--space-4)}.meter-row__top{display:flex;justify-content:space-between;font-size:var(--font-size-base);margin-bottom:var(--space-1)}.meter-row__val{font-weight:var(--font-weight-semibold)}.meter-row__val em{font-style:normal;color:var(--color-fg-muted);font-weight:var(--font-weight-regular);margin-left:var(--space-1)}.breakdown .panel,.breakdown .person-card{padding:28px}.breakdown .two-col,.breakdown .person-grid{gap:var(--space-5)}.breakdown .bd-summary{margin-bottom:var(--space-5)}.bd-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5)}.bd-period{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.bd-stepper{display:flex;align-items:center;gap:var(--space-2)}.bd-stepper__label{min-width:116px;text-align:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-md)}.bd-empty{text-align:center;padding:var(--space-10) var(--space-6);color:var(--color-fg-secondary)}.bd-empty__figure{margin:0 0 var(--space-2);font-family:var(--font-display);font-weight:var(--font-weight-extrabold);font-size:var(--font-size-5xl);color:var(--color-fg)}.drill-row{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) 0;border:none;background:none;font:inherit;color:var(--color-fg);text-align:left;cursor:pointer}.drill-row__main{flex:1;min-width:0;font-weight:var(--font-weight-medium)}.drill-row .cat-name{flex:1}.drill-row__right{display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.drill-row__chevron{color:var(--color-fg-muted);transition:transform .15s ease}.drill-row__chevron.is-open{transform:rotate(90deg)}.drill-items{margin:var(--space-1) 0 var(--space-4);padding:var(--space-2) var(--space-3);background:var(--color-bg-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-1)}.drill-item{display:grid;grid-template-columns:56px 1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-2) 0;font-size:var(--font-size-sm)}.drill-item+.drill-item{border-top:1px solid var(--color-border)}.drill-item__date{color:var(--color-fg-muted)}.drill-item__label{min-width:0;display:flex;align-items:center;gap:var(--space-2);overflow:hidden;text-overflow:ellipsis}.drill-item__tag{flex:none;font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);padding:1px 6px;border-radius:var(--radius-sm);background:var(--color-grey-100);color:var(--color-fg-secondary)}.drill-item__tag--spend{background:var(--color-green-100);color:var(--color-green-600)}.drill-item__tag--plan{background:var(--color-status-purple-bg);color:var(--color-status-purple)}.drill-item__amount{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5)}.rec-filter{width:150px}.rec-table__head,.rec-table__row{display:grid;grid-template-columns:minmax(0,1.5fr) 96px minmax(0,1.1fr) 52px minmax(0,1fr) 96px 66px;align-items:center;gap:var(--space-3)}.rec-table__head{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-fg-muted)}.rec-table__row{padding:var(--space-3) 0;border-bottom:1px solid var(--color-grey-100)}.rec-table__row:last-child{border-bottom:none}.rec-table__row.is-archived{opacity:.6}.rec-table__row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-table__name{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-semibold)}.rec-table__namebtn{border:none;background:none;padding:0;font:inherit;color:var(--color-fg);text-align:left;cursor:pointer}.rec-table__namebtn:hover{color:var(--color-primary);text-decoration:underline}.cadence{flex:none;font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);padding:1px 6px;border-radius:var(--radius-sm)}.cadence--rec{background:var(--color-green-100);color:var(--color-green-600)}.cadence--once{background:var(--color-grey-100);color:var(--color-fg-secondary)}.cadence--year{background:var(--color-status-purple-bg);color:var(--color-status-purple)}.rec-table__cat{display:flex;align-items:center;gap:var(--space-2);color:var(--color-fg-secondary)}.rec-table__acc{color:var(--color-fg-muted);font-variant-numeric:tabular-nums}.rec-table__amount{font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.rec-table__icons{display:flex;gap:var(--space-1);justify-content:flex-end}.empty-panel{text-align:center;padding:var(--space-10) var(--space-6);color:var(--color-fg-secondary)}.plan-result{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.plan-result__big{margin:var(--space-1) 0 0;font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-3xl);color:var(--color-primary)}.state{padding:var(--space-8);color:var(--color-fg-secondary)}.state--error{color:var(--color-status-red)}.sidebar__footer{gap:var(--space-3)}.sidebar__footer-text{display:flex;flex-direction:column}.sidebar__signout{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);background:transparent;color:var(--color-grey-400);font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background .15s,color .15s}.sidebar__signout:hover{background:#ffffff0f;color:var(--color-white)}.login{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:var(--space-6);background:var(--color-bg-subtle)}.login__card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-12) var(--space-10);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:0 12px 40px #1018281a}.login__brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.login__logo{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-green-400),var(--color-green-600))}.login__brand-text{display:flex;flex-direction:column}.login__brand-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-fg)}.login__brand-sub{font-size:var(--font-size-sm);color:var(--color-fg-secondary)}.login__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-fg-secondary);margin-top:var(--space-2)}.login__members{display:flex;flex-wrap:wrap;gap:var(--space-2)}.login__member{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-white);font-family:var(--font-ui);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-fg);cursor:pointer;transition:border-color .15s,background .15s}.login__member:hover{border-color:var(--color-green-400)}.login__member.is-active{border-color:var(--color-green-600);background:var(--color-green-100)}.login__field{display:flex;flex-direction:column;gap:var(--space-1)}.login__hint{margin:0;font-size:var(--font-size-sm);color:var(--color-fg-secondary);line-height:var(--line-height-snug)}.login__loading{font-size:var(--font-size-sm);color:var(--color-fg-secondary)}.people-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.people-row{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-white);text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.people-row:hover{border-color:var(--color-green-400);background:var(--color-green-100)}.people-row__main{display:flex;flex-direction:column;flex:1;min-width:0}.people-row__name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-fg)}.people-row__sub{font-size:var(--font-size-sm);color:var(--color-fg-secondary)}.login__error{margin:0;font-size:var(--font-size-sm);color:var(--color-status-red)}.login__submit{margin-top:var(--space-3);width:100%;justify-content:center}@media(max-width:720px){.app{grid-template-columns:1fr}.sidebar{position:fixed;inset:auto 0 0 0;height:auto;flex-direction:row;padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));z-index:40;gap:0}.sidebar__brand,.sidebar__footer{display:none}.sidebar__nav{flex-direction:row;flex:1;justify-content:space-between;gap:0}.sidebar__nav li{flex:1}.sidebar__link{flex-direction:column;gap:2px;padding:var(--space-2) var(--space-1);font-size:var(--font-size-xs);text-align:center;border-radius:var(--radius-md)}.sidebar__link.is-active{background:transparent;color:var(--color-green-400);box-shadow:none}.sidebar__link span{white-space:nowrap}.app__main{padding-bottom:76px}.page{padding:var(--space-5) var(--space-4) var(--space-10)}.hero-card__figure{font-size:var(--font-size-5xl)}}@media(max-width:980px){.position-grid{grid-template-columns:1fr}.tile-row3{grid-template-columns:repeat(2,1fr)}.rec-table__head,.rec-table__row{grid-template-columns:minmax(0,1.4fr) 92px minmax(0,1fr) 96px 66px}.rec-table__head>span:nth-child(4),.rec-table__head>span:nth-child(5),.rec-table__row>span:nth-child(4),.rec-table__row>span:nth-child(5){display:none}}@media(max-width:620px){.tile-quad,.tile-row3{grid-template-columns:1fr 1fr}.stat-card{padding:var(--space-3)}.month-nav__title{font-size:var(--font-size-2xl)}.bills-panel{padding:var(--space-4)}.bill-table__head{grid-template-columns:1fr auto}.bill-table__head>span:nth-child(2),.bill-table__head>span:nth-child(3),.bill-table__head>span:nth-child(5){display:none}.bill-table__row{grid-template-columns:1fr auto auto}.bill-table__row>.ta-c{display:none}.segmented__btn{padding:var(--space-2)}.rec-table__head,.rec-table__row{grid-template-columns:1fr auto auto}.rec-table__head>span:nth-child(2),.rec-table__head>span:nth-child(3),.rec-table__row>span:nth-child(2),.rec-table__row>span:nth-child(3){display:none}.rec-filter{width:100%}}.plan-card__next{margin:var(--space-3) 0 calc(-1 * var(--space-1));font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-fg-secondary)}.plan-card__toggle{margin-top:var(--space-3);width:100%;padding:var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:none;color:var(--color-primary);font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background .15s,border-color .15s}.plan-card__toggle:hover{background:var(--color-green-100);border-color:var(--color-green-200)}@media(display-mode:standalone)and (max-width:720px){.mobile-header{padding-top:max(env(safe-area-inset-top),44px)}}.mobile-header{display:none}@media(max-width:720px){.mobile-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;padding:calc(env(safe-area-inset-top) + var(--space-2)) var(--space-4) var(--space-2);background:#f9fafbeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.mobile-header__brand{display:flex;align-items:center;gap:var(--space-2)}.mobile-header__logo{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-green-400),var(--color-green-600))}.mobile-header__name{font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--color-fg)}.mobile-header__avatar{width:36px;height:36px;flex:none;border:none;border-radius:var(--radius-pill);color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);cursor:pointer}.mobile-header__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45}.mobile-header__menu{position:absolute;top:calc(100% - var(--space-1));right:var(--space-4);z-index:46;min-width:220px;padding:var(--space-2);display:flex;flex-direction:column;gap:2px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.mobile-header__who{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-1)}.mobile-header__whotext{display:flex;flex-direction:column}.mobile-header__whotext strong{font-size:var(--font-size-base);color:var(--color-fg)}.mobile-header__whotext span{font-size:var(--font-size-xs);color:var(--color-fg-secondary)}.mobile-header__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:none;background:none;border-radius:var(--radius-lg);font-family:var(--font-ui);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-fg);text-decoration:none;text-align:left;cursor:pointer}.mobile-header__item:hover,.mobile-header__item.active{background:var(--color-bg-subtle)}.mobile-header__item--signout{color:var(--color-status-red)}.mobile-header__icon{width:18px;height:18px;flex:none}.sidebar__navitem--secondary{display:none}}@media(max-width:720px){.input,textarea,.select__control{font-size:16px}.page__header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.month-actions{flex-wrap:wrap}.modal__backdrop{align-items:flex-start;padding-top:calc(env(safe-area-inset-top) + var(--space-4))}.modal{max-height:calc(var(--vvh, 100dvh) - env(safe-area-inset-top) - var(--space-10))}.select__menu{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;max-height:55vh;padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:0 -12px 32px #1018282e;z-index:80}.select__option{font-size:16px;padding:var(--space-4) var(--space-3)}}.goal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.goal-card{display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-5);box-shadow:var(--shadow-xs)}.goal-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.goal-card__title{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.goal-card__name{font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--color-fg)}.goal-card__figures{display:flex;align-items:baseline;gap:var(--space-2)}.goal-card__cur{font-family:var(--font-display);font-weight:var(--font-weight-extrabold);font-size:var(--font-size-2xl);color:var(--color-fg);letter-spacing:var(--letter-spacing-tight)}.goal-card__of{color:var(--color-fg-secondary);font-size:var(--font-size-sm)}.goal-card__pct{margin-left:auto;font-weight:var(--font-weight-bold);color:var(--color-primary)}.goal-card__stats{display:flex;gap:var(--space-5);flex-wrap:wrap}.goal-card__stat{display:flex;flex-direction:column;gap:1px}.goal-card__stat span{font-size:var(--font-size-xs);color:var(--color-fg-secondary)}.goal-card__stat strong{font-size:var(--font-size-base);color:var(--color-fg);font-variant-numeric:tabular-nums}.goal-card__stat--done strong{color:var(--color-status-green)}.goal-card__foot{margin:0;font-size:var(--font-size-sm);color:var(--color-fg-secondary)}.goal-card__desc{margin:0;font-size:var(--font-size-sm);color:var(--color-fg-muted)}.goal-card__add{width:100%;margin-top:auto;text-align:center;background:#17b8861a;border-color:#17b88659;color:var(--color-primary)}.goal-card__add:hover{background:#17b8862e}.plan-card__archive{align-self:flex-start;margin-top:var(--space-2);background:#17b8861a;border-color:#17b88659;color:var(--color-primary)}.plan-card__archive:hover{background:#17b8862e}.stat-grid--2{grid-template-columns:repeat(2,1fr)}.position-bills{padding:0;overflow:hidden}.position-bills__head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:none;border:none;cursor:pointer;text-align:left}.position-bills__head:hover{background:var(--color-bg-subtle)}.position-bills__title{display:block;font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--color-fg)}.position-bills__sub{display:block;font-size:var(--font-size-sm);color:var(--color-fg-secondary);margin-top:2px}.position-bills__chev{color:var(--color-fg-secondary);transition:transform var(--transition-fast)}.position-bills__chev.is-open{transform:rotate(180deg)}.position-bills__list{border-top:1px solid var(--color-border)}.position-bill{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border)}.position-bill:last-child{border-bottom:none}.position-bill__main{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0}.position-bill__name{font-weight:var(--font-weight-semibold);color:var(--color-fg)}.position-bill__right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.position-bill__amt{font-weight:var(--font-weight-bold);color:var(--color-fg);font-variant-numeric:tabular-nums}@media(max-width:620px){.stat-grid--2{grid-template-columns:1fr}}.archived-plans{margin-top:var(--space-6)}.archived-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--color-border)}.archived-row:first-of-type{border-top:none}.archived-row__main{display:flex;flex-direction:column;flex:1;min-width:0;gap:2px}.archived-row__name{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-semibold);color:var(--color-fg)}.archived-row__meta{font-size:var(--font-size-sm);color:var(--color-fg-secondary)}.type-tag--plan{background:var(--color-status-purple-bg);color:var(--color-status-purple)}.plan-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-4)}.plan-card__head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.plan-card__title{flex:1;min-width:0}.plan-card__name{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.plan-card__meta{margin:2px 0 0;font-size:var(--font-size-sm);color:var(--color-fg-muted)}.plan-card__progress-row{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-base);color:var(--color-fg-secondary);margin-bottom:var(--space-2)}.plan-card__progress-row strong{color:var(--color-fg)}.plan-schedule{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:var(--space-2);margin-top:var(--space-4)}.plan-inst{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-grey-100);border-radius:var(--radius-lg);cursor:pointer}.plan-inst.is-current{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-green-100)}.plan-inst>div{display:flex;flex-direction:column;line-height:1.2}.plan-inst__date{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.plan-inst__amt{font-size:var(--font-size-xs);color:var(--color-fg-muted)}.panel.empty{color:var(--color-fg-muted)}.cycle-chip{display:inline-flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);padding:var(--space-2) var(--space-3);background:var(--color-grey-100);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-fg-secondary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.cycle-chip:hover{background:var(--color-white);border-color:var(--color-primary);color:var(--color-fg)}.cycle-chip--unset{background:var(--color-status-amber-bg);border-color:transparent;color:var(--color-status-amber)}.cycle-chip__edit{opacity:.6}.link-btn{background:none;border:none;padding:0;margin:var(--space-3) 0 0;color:var(--color-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;text-align:left}.link-btn:hover{text-decoration:underline}.cycle-chip__auto{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-fg-muted);background:var(--color-white);border-radius:var(--radius-sm);padding:1px 5px}.week-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;padding:2px 7px;border-radius:var(--radius-pill);background:var(--color-grey-100);color:var(--color-fg-secondary)}.week-badge--5,.week-badge--6{background:var(--color-status-amber-bg);color:var(--color-status-amber)}.bd-summary__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap;margin-bottom:var(--space-5)}.bd-flow{display:flex;align-items:center;gap:var(--space-8)}.bd-flow__figure{margin:var(--space-1) 0 0;font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-4xl);letter-spacing:var(--letter-spacing-tight)}.bd-flow__arrow{font-size:var(--font-size-2xl);color:var(--color-fg-muted)}.bd-surplus{background:var(--color-green-100);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-5);text-align:right;min-width:190px}.bd-surplus.is-negative{background:var(--color-status-red-bg)}.bd-surplus__label{margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-green-600)}.bd-surplus__figure{margin:2px 0;font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-4xl);color:var(--color-green-600)}.bd-surplus.is-negative .bd-surplus__label,.bd-surplus.is-negative .bd-surplus__figure{color:var(--color-status-red)}.bd-surplus__sub{margin:0;font-size:var(--font-size-sm);color:var(--color-fg-secondary)}.bd-summary__note{margin:var(--space-2) 0 0;font-size:var(--font-size-sm);color:var(--color-fg-muted)}.panel__sub{margin:calc(-1 * var(--space-3)) 0 var(--space-4);font-size:var(--font-size-sm);color:var(--color-fg-muted)}.cat-name{display:inline-flex;align-items:center;gap:var(--space-2)}.type-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-grey-100)}.type-row:last-child{border-bottom:none}.type-row--edit{width:100%;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);font:inherit;text-align:left;cursor:pointer;transition:border-color .12s ease,background .12s ease}.type-row--edit:last-child{margin-bottom:0}.type-row--edit:hover{border-color:var(--color-border-focus);background:var(--color-grey-50)}.type-row__badge{flex:none;width:52px;height:44px;border-radius:var(--radius-lg);display:grid;place-items:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.type-row__main{flex:1;min-width:0}.type-row__label{margin:0;font-weight:var(--font-weight-semibold)}.type-row__desc{margin:0;font-size:var(--font-size-sm);color:var(--color-fg-muted)}.type-row__amount{margin:0;font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.settings-panel{margin-bottom:var(--space-4)}.settings-panel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-2)}.cat-tile{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);cursor:pointer;font-size:var(--font-size-base);text-align:left}.cat-tile:hover{border-color:var(--color-primary);background:var(--color-bg-subtle)}.cat-tile__name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-tile__edit{opacity:.4}.swatches{display:flex;flex-wrap:wrap;gap:var(--space-2)}.swatch{width:28px;height:28px;border-radius:var(--radius-pill);border:2px solid transparent;cursor:pointer;padding:0}.swatch.is-active{border-color:var(--color-fg)}.swatch--custom{border:1px dashed var(--color-border);background:var(--color-white)}.settings-saved{color:var(--color-green-600);font-size:var(--font-size-sm);align-self:center;margin-right:auto}.type-tag--in{background:var(--color-status-green-bg);color:var(--color-status-green)}.amount--in{color:var(--color-green-600)}