#finance-family-v4{--ff-bg:light-dark(#f6f5f9,#19191e);--ff-panel:light-dark(#ffffff,#25252c);--ff-text:light-dark(#272631,#f1f0f6);--ff-soft:light-dark(#686775,#b3b1c1);--ff-line:light-dark(#e8e6ef,#3c3a46);--ff-primary:light-dark(#6655ce,#b9acff);--ff-primary-text:light-dark(#ffffff,#221747);--ff-selected:light-dark(#eeebfa,#3b3351);--ff-success:light-dark(#337d66,#8ccbb4);--ff-warning:light-dark(#996d2a,#deb577);--ff-danger:light-dark(#b44256,#f599aa);--ff-chart-capital:light-dark(#7263d7,#b7a9ff);--ff-chart-expenses:light-dark(#cb8775,#f0b4a3);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;line-height:1.5;background:var(--ff-bg);color:var(--ff-text);border:1px solid var(--ff-line);border-radius:18px;isolation:isolate;color-scheme:inherit;overflow:hidden}
#finance-family-v4 *{box-sizing:border-box}
#finance-family-v4 [hidden]{display:none!important}
#finance-family-v4 button,#finance-family-v4 input,#finance-family-v4 select,#finance-family-v4 textarea{font:inherit}
#finance-family-v4 h2,#finance-family-v4 h3,#finance-family-v4 h4,#finance-family-v4 p{margin:0}
#finance-family-v4 h2{font-size:24px;font-weight:600;letter-spacing:-.6px}
#finance-family-v4 h3{font-size:15px;font-weight:600}
#finance-family-v4 h4{font-size:14px;font-weight:500}
#finance-family-v4 button{color:inherit}
#finance-family-v4 button:focus-visible,#finance-family-v4 input:focus-visible,#finance-family-v4 select:focus-visible,#finance-family-v4 summary:focus-visible{outline:3px solid var(--ff-primary);outline-offset:3px}
#finance-family-v4 .ff-header{padding:19px 108px 19px 23px;display:flex;align-items:center;flex-wrap:wrap;gap:15px;background:var(--ff-panel);border-bottom:1px solid var(--ff-line)}
#finance-family-v4 .ff-brand{display:flex;gap:12px;align-items:center;min-width:0}
#finance-family-v4 .ff-mark{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:12px;background:var(--ff-selected);color:var(--ff-primary);font-size:22px;font-weight:600}
#finance-family-v4 .ff-brand-name{font-size:18px;font-weight:600;overflow-wrap:anywhere}
#finance-family-v4 .ff-demo{border:1px solid var(--ff-line);border-radius:20px;color:var(--ff-soft);font-size:11px;padding:5px 10px;white-space:nowrap}
#finance-family-v4 .ff-layout{display:grid;grid-template-columns:155px minmax(0,1fr)}
#finance-family-v4 .ff-sidebar{padding:20px 12px;background:var(--ff-panel);border-right:1px solid var(--ff-line)}
#finance-family-v4 .ff-nav{display:grid;gap:6px}
#finance-family-v4 .ff-nav-button{border:0;background:transparent;color:var(--ff-soft);border-radius:10px;text-align:left;min-height:43px;padding:10px 13px;font-weight:500}
#finance-family-v4 .ff-nav-button[aria-current=page]{background:var(--ff-selected);color:var(--ff-primary)}
#finance-family-v4 .ff-nav-settings{margin-top:26px;border-top:1px solid var(--ff-line);padding-top:12px}
#finance-family-v4 .ff-nav-settings button{width:100%}
#finance-family-v4 .ff-actor-label{margin-top:22px;padding:12px 7px;border-top:1px solid var(--ff-line);font-size:11px;color:var(--ff-soft)}
#finance-family-v4 .ff-actor-label strong{display:block;color:var(--ff-text);font-size:12px;font-weight:500;margin-bottom:2px}
#finance-family-v4 .ff-main{min-width:0;padding:24px}
#finance-family-v4 .ff-page-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-bottom:20px}
#finance-family-v4 .ff-page-head p{margin-top:4px;font-size:12px}
#finance-family-v4 .ff-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
#finance-family-v4 .ff-button{padding:9px 13px;min-height:39px;background:var(--ff-panel);border:1px solid var(--ff-line);border-radius:9px;font-size:12px;font-weight:500;text-align:center}
#finance-family-v4 .ff-button.ff-primary{background:var(--ff-primary);color:var(--ff-primary-text);border-color:transparent}
#finance-family-v4 .ff-button:disabled{opacity:.5}
#finance-family-v4 .ff-panel{background:var(--ff-panel);border:1px solid var(--ff-line);border-radius:14px;padding:19px;margin-top:16px;min-width:0}
#finance-family-v4 .ff-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
#finance-family-v4 .ff-muted{color:var(--ff-soft)}
#finance-family-v4 .ff-small{font-size:12px}
#finance-family-v4 .ff-num{font-variant-numeric:tabular-nums;white-space:nowrap}
#finance-family-v4 .ff-total,#finance-family-v4 .ff-amount{font-weight:600}
#finance-family-v4 .ff-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#finance-family-v4 .ff-grid{display:grid;gap:14px}
#finance-family-v4 .ff-two{grid-template-columns:repeat(2,minmax(0,1fr))}
#finance-family-v4 .ff-empty{padding:20px 2px;color:var(--ff-soft);font-size:12px}
#finance-family-v4 .ff-separator{border:0;border-top:1px solid var(--ff-line);margin:18px 0}
#finance-family-v4 .ff-badge{display:inline-block;padding:3px 7px;background:var(--ff-bg);border-radius:5px;font-size:11px;color:var(--ff-soft);white-space:nowrap}
#finance-family-v4 .ff-badge-success{color:var(--ff-success);background:color-mix(in srgb,var(--ff-success) 10%,var(--ff-panel))}
#finance-family-v4 .ff-badge-warning{color:var(--ff-warning);background:color-mix(in srgb,var(--ff-warning) 10%,var(--ff-panel))}
#finance-family-v4 .ff-segments{display:inline-flex;gap:3px;border-radius:9px;background:var(--ff-bg);padding:3px;flex-wrap:wrap}
#finance-family-v4 .ff-segments button{border:0;background:transparent;border-radius:7px;min-height:33px;padding:6px 12px;font-size:12px;color:var(--ff-soft)}
#finance-family-v4 .ff-segments button[aria-pressed=true]{background:var(--ff-panel);color:var(--ff-text);box-shadow:0 1px 4px light-dark(#1b173015,#00000033)}
#finance-family-v4 .ff-donut-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:center}
#finance-family-v4 .ff-donut{width:172px;height:172px;border-radius:50%;display:grid;place-items:center;margin:0 auto}
#finance-family-v4 .ff-donut-center{width:140px;height:140px;background:var(--ff-panel);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:10px;text-align:center}
#finance-family-v4 .ff-donut-center strong{font-size:20px;font-weight:600;letter-spacing:-.6px;margin:3px 0}
#finance-family-v4 .ff-donut-legend{display:grid;gap:11px;min-width:0}
#finance-family-v4 .ff-donut-legend-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto auto;gap:9px;align-items:center;font-size:12px}
#finance-family-v4 .ff-home-distribution>.ff-donut-panel{background:transparent;border:0;padding:0;margin:0}
#finance-family-v4 .ff-color-dot{width:8px;height:8px;border-radius:50%;flex:none}
#finance-family-v4 .ff-field{display:grid;gap:6px;font-size:12px;min-width:0;align-content:start}
#finance-family-v4 .ff-field-wide{grid-column:1/-1}
#finance-family-v4 .ff-input,#finance-family-v4 .ff-select{min-width:0;width:100%;min-height:41px;padding:9px 11px;border:1px solid var(--ff-line);border-radius:8px;background:var(--ff-bg);color:var(--ff-text);font-size:14px}
#finance-family-v4 input[type=color]{width:64px;padding:5px;min-height:41px}
#finance-family-v4 .ff-source-control{display:grid;gap:5px;font-size:11px;color:var(--ff-soft)}
#finance-family-v4 .ff-source-control select{font-size:12px;color:var(--ff-text)}
#finance-family-v4 .ff-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 18px}
#finance-family-v4 .ff-editor{margin-top:0}
#finance-family-v4 .ff-form-section{grid-column:1/-1;border-top:1px solid var(--ff-line);padding-top:17px;margin-top:1px}
#finance-family-v4 .ff-form-section h3{margin-bottom:15px}
#finance-family-v4 .ff-form-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px;margin-top:14px}
#finance-family-v4 .ff-check{display:flex;align-items:center;gap:9px;min-height:36px;font-size:13px;font-weight:500}
#finance-family-v4 .ff-check input{width:18px;height:18px;accent-color:var(--ff-primary);flex:none;margin:0}
#finance-family-v4 .ff-form-note{grid-column:1/-1;font-size:12px;color:var(--ff-soft);background:var(--ff-bg);padding:10px 12px;border-radius:8px}
#finance-family-v4 .ff-form-actions{display:flex;gap:9px;flex-wrap:wrap;padding-top:18px;margin-top:10px;border-top:1px solid var(--ff-line)}
#finance-family-v4 .ff-form-error{color:var(--ff-danger);font-size:12px;margin-top:14px}
#finance-family-v4 .ff-notice{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;background:var(--ff-selected);color:var(--ff-text);padding:10px 13px;border-radius:9px;margin-bottom:15px;font-size:12px}
#finance-family-v4 .ff-settings-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
#finance-family-v4 .ff-member-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid var(--ff-line)}
#finance-family-v4 .ff-member-row:first-child{border-top:0}
#finance-family-v4 .ff-member-name{font-weight:500}
#finance-family-v4 .ff-member-meta{font-size:11px;color:var(--ff-soft);margin-top:3px}
#finance-family-v4 .ff-member-name-line{display:flex;gap:9px;align-items:center}
#finance-family-v4 .ff-settings-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
#finance-family-v4 .ff-log-row{padding:10px 0;border-top:1px solid var(--ff-line);font-size:12px;display:flex;justify-content:space-between;gap:12px}
#finance-family-v4 .ff-log-row small{font-size:11px;color:var(--ff-soft);white-space:nowrap}
#finance-family-v4 .ff-footer{padding:12px 22px;background:var(--ff-panel);border-top:1px solid var(--ff-line);display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:11px;color:var(--ff-soft)}
#finance-family-v4[data-density=compact] .ff-panel{padding:14px}
#finance-family-v4[data-density=compact] .ff-main{padding:18px}
@media(max-width:800px){#finance-family-v4 .ff-layout{grid-template-columns:1fr}#finance-family-v4 .ff-sidebar{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:8px 12px;border-right:0;border-bottom:1px solid var(--ff-line)}#finance-family-v4 .ff-nav{display:grid;grid-template-columns:repeat(3,1fr);flex:1;min-width:190px;gap:3px}#finance-family-v4 .ff-nav-button{text-align:center;font-size:12px;padding:8px 11px}#finance-family-v4 .ff-nav-settings{margin:0;padding:0;border:0}#finance-family-v4 .ff-actor-label{display:none}#finance-family-v4 .ff-main{padding:21px}}
@media(max-width:560px){#finance-family-v4 .ff-header{padding:17px 17px;gap:9px}#finance-family-v4 .ff-brand{padding-right:72px}#finance-family-v4 .ff-demo{margin-left:50px}#finance-family-v4 .ff-main{padding:18px 13px}#finance-family-v4 h2{font-size:22px}#finance-family-v4 .ff-page-head{gap:12px}#finance-family-v4 .ff-panel{padding:15px}#finance-family-v4 .ff-form-grid,#finance-family-v4 .ff-form-section-grid,#finance-family-v4 .ff-settings-columns,#finance-family-v4 .ff-two{grid-template-columns:1fr}#finance-family-v4 .ff-donut-layout{grid-template-columns:1fr;gap:20px}#finance-family-v4 .ff-donut-legend-row{gap:7px;font-size:12px}#finance-family-v4 .ff-button{padding:9px 11px}#finance-family-v4 .ff-footer{padding:12px 16px}#finance-family-v4 .ff-nav-button{padding:8px 9px}}
@media(pointer:coarse){#finance-family-v4 button{min-height:44px}#finance-family-v4 .ff-input,#finance-family-v4 .ff-select{min-height:44px;font-size:16px}#finance-family-v4 .ff-check{min-height:44px}#finance-family-v4 .ff-check input{width:20px;height:20px}}


#finance-family-v4 .ff-assets-list{display:grid;gap:12px;margin-top:18px}
#finance-family-v4 .ff-asset-category{padding:0;overflow:hidden;margin:0}
#finance-family-v4 .ff-asset-category-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:0}
#finance-family-v4 .ff-asset-category-heading,#finance-family-v4 .ff-asset-subheading{margin:0;font-size:inherit;font-weight:500;min-width:0}
#finance-family-v4 .ff-asset-category-toggle,#finance-family-v4 .ff-asset-subtoggle{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;width:100%;gap:10px;text-align:left;color:var(--ff-text);background:transparent;border:0;font:inherit;min-width:0;min-height:58px;padding:16px}
#finance-family-v4 .ff-asset-category-name,#finance-family-v4 .ff-asset-subname{display:flex;align-items:center;gap:9px;min-width:0;overflow-wrap:anywhere;font-weight:500}
#finance-family-v4 .ff-asset-color-dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none;background:var(--ff-asset-color);vertical-align:middle}
#finance-family-v4 .ff-asset-category-total{font-size:14px;font-weight:500}
#finance-family-v4 .ff-asset-chevron{display:inline-block;flex:none;font-size:22px;line-height:1;color:var(--ff-soft);transition:transform .15s ease;transform-origin:center}
#finance-family-v4 [aria-expanded="true"]>.ff-asset-chevron{transform:rotate(90deg)}
#finance-family-v4 .ff-asset-open-category{align-self:center;display:inline-flex;gap:5px;align-items:center;justify-content:center;min-height:38px;padding:9px 13px;margin:0 10px 0 0;border:0;border-radius:8px;background:var(--ff-bg);color:var(--ff-soft);font:inherit;font-size:12px;white-space:nowrap}
#finance-family-v4 .ff-asset-open-category:hover{background:var(--ff-selected);color:var(--ff-primary)}
#finance-family-v4 .ff-asset-category-content{border-top:1px solid var(--ff-line);padding:0 16px 15px 25px}
#finance-family-v4 .ff-asset-subcategory+.ff-asset-subcategory{border-top:1px solid var(--ff-line)}
#finance-family-v4 .ff-asset-subtoggle{font-size:13px;min-height:52px;padding:14px 0;gap:9px}
#finance-family-v4 .ff-asset-subtotal{font-size:12px;font-weight:500}
#finance-family-v4 .ff-asset-subcontent{padding:0 0 12px 21px;min-width:0}
#finance-family-v4 .ff-asset-items{list-style:none;padding:0;margin:0}
#finance-family-v4 .ff-asset-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title value" "meta value";align-items:center;column-gap:10px;row-gap:1px;padding:8px 0;border-top:1px solid var(--ff-line)}
#finance-family-v4 .ff-asset-row-heading{grid-area:title;display:flex;align-items:center;gap:5px;min-width:0}
#finance-family-v4 .ff-asset-inline-actions{display:inline-flex;align-items:center;gap:2px;flex:none}
#finance-family-v4 .ff-asset-inline-actions button{display:inline-flex;align-items:center;justify-content:center;margin:0;flex:none;width:30px;min-width:30px;height:30px;min-height:30px;padding:6px;border-radius:7px}
#finance-family-v4 .ff-asset-inline-actions button i,#finance-family-v4 .ff-asset-inline-actions button svg{width:16px;height:16px;flex:none}
#finance-family-v4 .ff-asset-row-name{font-size:13px;font-weight:500;overflow-wrap:anywhere;min-width:0}
#finance-family-v4 .ff-asset-row-meta{grid-area:meta;display:flex;align-items:center;flex-wrap:wrap;gap:5px 7px;margin-top:0;overflow-wrap:anywhere;min-width:0}
#finance-family-v4 .ff-asset-row-value{grid-area:value;font-size:13px;text-align:right;align-self:center;min-width:0}
#finance-family-v4 .ff-asset-estimate-line{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:5px;white-space:nowrap}
#finance-family-v4 .ff-asset-row-value .ff-amount{font-size:13px}
#finance-family-v4 .ff-asset-tags{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px;margin:0}
#finance-family-v4 .ff-asset-subactions{margin-top:6px;gap:7px}
#finance-family-v4 .ff-asset-subactions .ff-button{font-size:11px;min-height:32px;padding:6px 9px;background:transparent}
#finance-family-v4 .ff-asset-category-actions{margin-top:10px;padding-top:12px;border-top:1px solid var(--ff-line)}
#finance-family-v4 .ff-asset-category-actions .ff-button{font-size:12px}
#finance-family-v4 .ff-asset-breadcrumb{margin-bottom:15px}
#finance-family-v4 .ff-asset-breadcrumb .ff-button{background:transparent;font-size:12px}
#finance-family-v4 .ff-asset-detail{margin-top:18px;padding-bottom:9px}
#finance-family-v4 .ff-asset-detail-heading h3{display:flex;align-items:center;gap:9px}
#finance-family-v4 .ff-asset-detail-heading{padding-bottom:15px;border-bottom:1px solid var(--ff-line);margin-bottom:0}
#finance-family-v4 .ff-asset-detail>.ff-asset-subcategory{padding:0 1px}
@media(max-width:560px){
  #finance-family-v4 .ff-asset-category-header{grid-template-columns:minmax(0,1fr)}
  #finance-family-v4 .ff-asset-category-toggle{padding:14px 12px;gap:7px;min-height:54px}
  #finance-family-v4 .ff-asset-category-name{font-size:13px;gap:7px}
  #finance-family-v4 .ff-asset-category-total{font-size:12px}
  #finance-family-v4 .ff-asset-open-category{justify-self:end;margin:0 11px 10px 0;padding:7px 10px;min-height:32px;font-size:11px}
  #finance-family-v4 .ff-asset-category-content{padding:0 12px 12px 16px}
  #finance-family-v4 .ff-asset-subtoggle{gap:7px;grid-template-columns:9px minmax(0,1fr) auto}
  #finance-family-v4 .ff-asset-subname{gap:6px;font-size:12px}
  #finance-family-v4 .ff-asset-subtotal{font-size:11px}
  #finance-family-v4 .ff-asset-subcontent{padding-left:0}
  #finance-family-v4 .ff-asset-row{grid-template-areas:"title title" "meta value";column-gap:7px;row-gap:2px;padding:6px 0}
  #finance-family-v4 .ff-asset-row-heading{gap:4px}
  #finance-family-v4 .ff-asset-row-meta{font-size:11px}
  #finance-family-v4 .ff-asset-row-value .ff-amount{font-size:12px}
  #finance-family-v4 .ff-asset-detail-heading{align-items:flex-start;gap:8px}
  #finance-family-v4 .ff-asset-detail-heading .ff-total{font-size:12px}
}
@media(pointer:coarse){
  #finance-family-v4 .ff-asset-open-category,#finance-family-v4 .ff-asset-subactions .ff-button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){#finance-family-v4 .ff-asset-chevron{transition:none}}

#finance-family-v4 .ff-asset-subheader{display:flex;align-items:center;gap:8px;min-height:48px}
#finance-family-v4 .ff-asset-subheading{flex:0 1 auto;min-width:0}
#finance-family-v4 .ff-asset-subtoggle{grid-template-columns:12px minmax(0,1fr);min-height:48px;padding:10px 0}
#finance-family-v4 .ff-asset-subheader>.ff-asset-subtotal{margin-left:auto;text-align:right;white-space:nowrap}
#finance-family-v4 .ff-asset-pencil{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;min-height:30px;padding:6px;border:0;border-radius:7px;background:transparent;color:var(--ff-soft)}
#finance-family-v4 .ff-asset-pencil:hover{background:var(--ff-selected);color:var(--ff-primary)}
#finance-family-v4 .ff-asset-row-value{display:flex;flex-direction:column;gap:1px}
@media(max-width:560px){#finance-family-v4 .ff-asset-subtoggle{grid-template-columns:9px minmax(0,1fr)}#finance-family-v4 .ff-asset-subheader{gap:4px}#finance-family-v4 .ff-asset-row-value .ff-small{font-size:11px}}
@media(pointer:coarse){#finance-family-v4 .ff-asset-pencil{width:44px;min-height:44px}}

@media(pointer:coarse){#finance-family-v4 .ff-asset-inline-actions button{width:44px;min-width:44px;height:44px;min-height:44px}#finance-family-v4 .ff-asset-row-heading{min-height:44px}}


#finance-family-v4 .ff-of-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:0 0 18px}
#finance-family-v4 .ff-of-month-navigation{display:flex;align-items:flex-end;gap:7px;max-width:100%}
#finance-family-v4 .ff-of-month-field{display:grid;gap:4px;min-width:0;max-width:175px}
#finance-family-v4 .ff-of-month-field input{min-width:0;width:100%;font-size:13px}
#finance-family-v4 .ff-of-month-arrow{font-size:22px;min-width:38px;padding:4px 9px;line-height:1.2}
#finance-family-v4 .ff-of-section{padding:0;overflow:hidden;margin-top:18px}
#finance-family-v4 .ff-of-section>.ff-panel-head{padding:18px 19px 14px;margin:0}
#finance-family-v4 .ff-of-section h3{margin:0 0 4px}
#finance-family-v4 .ff-of-section-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 19px 17px}
#finance-family-v4 .ff-of-section-totals>div{display:grid;gap:5px;min-width:0}
#finance-family-v4 .ff-of-section-totals span{font-size:11px;color:var(--ff-soft)}
#finance-family-v4 .ff-of-section-totals strong{font-size:14px;font-weight:500}
#finance-family-v4 .ff-of-section-total{display:grid;gap:4px;text-align:right}
#finance-family-v4 .ff-of-section-total strong{font-size:17px;font-weight:500}
#finance-family-v4 .ff-of-list{border-top:1px solid var(--ff-line)}
#finance-family-v4 .ff-of-list>.ff-empty{padding:24px 19px}
#finance-family-v4 .ff-of-item{padding:12px 19px;background:var(--ff-panel)}
#finance-family-v4 .ff-of-item+.ff-of-item,#finance-family-v4 .ff-of-future-group+.ff-of-item,#finance-family-v4 .ff-of-item+.ff-of-future-group,#finance-family-v4 .ff-of-future-group+.ff-of-future-group{border-top:1px solid var(--ff-line)}
#finance-family-v4 .ff-of-item-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px}
#finance-family-v4 .ff-of-description{min-width:0}
#finance-family-v4 .ff-of-title{font-weight:500;font-size:14px;overflow-wrap:anywhere;margin:0;min-width:0}
#finance-family-v4 .ff-of-meta{font-size:11px;color:var(--ff-soft);overflow-wrap:anywhere;margin-top:3px}
#finance-family-v4 .ff-of-installments{font-size:11px;color:var(--ff-soft);margin-top:4px;overflow-wrap:anywhere}
#finance-family-v4 .ff-of-item-amount{display:grid;gap:7px;text-align:right;justify-items:end}
#finance-family-v4 .ff-of-item-amount>strong{font-size:14px;font-weight:500}
#finance-family-v4 .ff-of-badges{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:190px}
#finance-family-v4 .ff-of-item-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:8px}
#finance-family-v4 .ff-of-source{display:grid;gap:5px;max-width:340px;flex:1;min-width:0}
#finance-family-v4 .ff-of-source>span{font-size:11px;color:var(--ff-soft)}
#finance-family-v4 .ff-of-source select{font-size:12px;width:100%;min-width:0;max-width:100%}
#finance-family-v4 .ff-of-readonly{display:grid;gap:4px;font-size:12px;min-width:0;overflow-wrap:anywhere}
#finance-family-v4 .ff-of-future-group{background:var(--ff-panel)}
#finance-family-v4 .ff-of-future-group>summary{display:flex;gap:12px;align-items:center;padding:17px 19px;list-style:none;min-width:0}
#finance-family-v4 .ff-of-future-group>summary::-webkit-details-marker{display:none}
#finance-family-v4 .ff-of-future-group>summary::before{content:'›';font-size:21px;display:inline-block;flex:none;width:12px;transform-origin:center}
#finance-family-v4 .ff-of-future-group[open]>summary::before{transform:rotate(90deg)}
#finance-family-v4 .ff-of-future-name{display:grid;gap:3px;min-width:0;flex:1}
#finance-family-v4 .ff-of-future-name>strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}
#finance-family-v4 .ff-of-future-group>summary>.ff-num{font-size:14px;font-weight:500}
#finance-family-v4 .ff-of-future-detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 19px 14px 43px}
#finance-family-v4 .ff-of-future-rows{padding:0 0 0 21px;border-top:1px solid var(--ff-line)}
#finance-family-v4 .ff-of-month-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:19px;font-size:12px}
#finance-family-v4 .ff-of-month-footer strong{font-weight:500}
@media(max-width:620px){#finance-family-v4 .ff-of-toolbar{align-items:center;gap:13px}#finance-family-v4 .ff-of-month-navigation{margin-left:auto}#finance-family-v4 .ff-of-section-totals{gap:10px;padding-left:15px;padding-right:15px}#finance-family-v4 .ff-of-section>.ff-panel-head{padding:16px 15px 14px}#finance-family-v4 .ff-of-item{padding:12px 15px}#finance-family-v4 .ff-of-item-top{gap:10px}#finance-family-v4 .ff-of-source{max-width:none}#finance-family-v4 .ff-of-future-group>summary{padding:16px 15px}#finance-family-v4 .ff-of-future-rows{padding-left:10px}}
@media(max-width:420px){#finance-family-v4 .ff-of-toolbar{display:grid;grid-template-columns:1fr;gap:15px}#finance-family-v4 .ff-of-month-navigation{margin-left:0;justify-content:space-between}#finance-family-v4 .ff-of-month-field{flex:1;max-width:none}#finance-family-v4 .ff-of-section-totals{grid-template-columns:1fr;gap:8px}#finance-family-v4 .ff-of-section-totals>div{display:flex;align-items:center;justify-content:space-between;gap:8px}#finance-family-v4 .ff-of-section-total{text-align:left}#finance-family-v4 .ff-of-item-top{grid-template-columns:1fr;gap:10px}#finance-family-v4 .ff-of-item-amount{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;flex-wrap:wrap}#finance-family-v4 .ff-of-badges{max-width:none}#finance-family-v4 .ff-of-item-bottom{flex-wrap:wrap;gap:9px}#finance-family-v4 .ff-of-source{flex-basis:100%}#finance-family-v4 .ff-of-future-group>summary{flex-wrap:wrap;gap:9px}#finance-family-v4 .ff-of-future-name{flex-basis:calc(100% - 30px)}#finance-family-v4 .ff-of-future-group>summary>.ff-num{margin-left:21px}#finance-family-v4 .ff-of-future-detail-head{padding-left:36px;align-items:flex-start;flex-wrap:wrap}}
@media(pointer:coarse){#finance-family-v4 .ff-of-source select,#finance-family-v4 .ff-of-month-field input{font-size:16px;min-height:44px}#finance-family-v4 .ff-of-month-arrow{min-height:44px}#finance-family-v4 .ff-of-future-group>summary{min-height:48px}}

#finance-family-v4 .ff-of-title-line{display:flex;align-items:center;gap:6px;min-width:0;min-height:29px}
#finance-family-v4 .ff-of-title-line>.ff-of-title{flex:0 1 auto;min-width:0}
#finance-family-v4 .ff-of-title-line>button,#finance-family-v4 .ff-of-future-detail-head>button{flex:none;width:29px;min-width:29px;height:29px;min-height:29px;padding:5px;margin:0;display:inline-flex;align-items:center;justify-content:center}
#finance-family-v4 .ff-of-title-line>button svg,#finance-family-v4 .ff-of-future-detail-head>button svg{width:16px;height:16px;flex:none}
#finance-family-v4 .ff-of-future-detail-head{padding-bottom:10px}
@media(pointer:coarse){#finance-family-v4 .ff-of-title-line>button,#finance-family-v4 .ff-of-future-detail-head>button{width:44px;min-width:44px;height:44px;min-height:44px}#finance-family-v4 .ff-of-title-line{min-height:44px}}


#finance-family-v4{--ff-chart-capital:light-dark(#6b5cd3,#bbaeef);--ff-chart-outflow:light-dark(#bf773c,#e7ae79)}
#finance-family-v4 .ff-home-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px}
#finance-family-v4 .ff-home-metric{display:grid;gap:8px;min-width:0;padding:18px 19px;background:var(--ff-panel);border:1px solid var(--ff-line);border-radius:14px}
#finance-family-v4 .ff-home-metric-label{font-size:12px;color:var(--ff-soft)}
#finance-family-v4 .ff-home-metric-value{font-size:25px;letter-spacing:-.6px;font-weight:500}
#finance-family-v4 .ff-home-metric-note{font-size:11px;color:var(--ff-soft)}
#finance-family-v4 .ff-home-distribution,#finance-family-v4 .ff-home-chart-panel,#finance-family-v4 .ff-home-incomes{margin-top:18px}
#finance-family-v4 .ff-home-period{display:grid;gap:4px;min-width:155px;max-width:100%}
#finance-family-v4 .ff-home-period select{font-size:12px;width:100%}
#finance-family-v4 .ff-home-chart-legend{display:flex;align-items:center;gap:19px;flex-wrap:wrap;margin:3px 0 13px;font-size:12px}
#finance-family-v4 .ff-home-chart-legend>span{display:inline-flex;gap:7px;align-items:center}
#finance-family-v4 .ff-home-line-key{display:inline-block;width:19px;height:0;border-top:3px solid}
#finance-family-v4 .ff-home-capital-key{border-color:var(--ff-chart-capital)}
#finance-family-v4 .ff-home-outflow-key{border-color:var(--ff-chart-outflow);border-top-style:dashed}
#finance-family-v4 .ff-home-chart{width:100%;min-width:0;min-height:290px}
#finance-family-v4 .ff-home-chart-svg{display:block;max-width:100%;overflow:visible}
#finance-family-v4 .ff-home-chart-label{fill:var(--ff-soft);font-family:inherit;font-size:11px}
#finance-family-v4 .ff-home-chart-grid{stroke:var(--ff-line);stroke-width:1}
#finance-family-v4 .ff-home-chart-frame{fill:none;stroke:var(--ff-line);stroke-width:1}
#finance-family-v4 .ff-home-chart-capital{fill:none;stroke:var(--ff-chart-capital);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
#finance-family-v4 .ff-home-chart-outflows{fill:none;stroke:var(--ff-chart-outflow);stroke-width:2.5;stroke-dasharray:5 4;stroke-linecap:round;stroke-linejoin:round}
#finance-family-v4 .ff-home-chart-guide{stroke:var(--ff-soft);stroke-width:1;opacity:.6}
#finance-family-v4 .ff-home-capital-marker{fill:var(--ff-panel);stroke:var(--ff-chart-capital);stroke-width:2}
#finance-family-v4 .ff-home-outflow-marker{fill:var(--ff-panel);stroke:var(--ff-chart-outflow);stroke-width:2}
#finance-family-v4 .ff-home-chart-readout{font-size:11px;min-height:34px;padding:7px 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#finance-family-v4 .ff-home-chart-footnote{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--ff-line)}
#finance-family-v4 .ff-home-incomes{padding:0;overflow:hidden}
#finance-family-v4 .ff-home-incomes>.ff-panel-head{padding:18px 19px 15px;margin:0}
#finance-family-v4 .ff-home-incomes h3{margin:0 0 4px}
#finance-family-v4 .ff-home-income-list{border-top:1px solid var(--ff-line)}
#finance-family-v4 .ff-home-income-list>.ff-empty{padding:24px 19px}
#finance-family-v4 .ff-home-income-row{padding:16px 19px}
#finance-family-v4 .ff-home-income-row+.ff-home-income-row{border-top:1px solid var(--ff-line)}
#finance-family-v4 .ff-home-income-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
#finance-family-v4 .ff-home-income-description{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere}
#finance-family-v4 .ff-home-income-description>strong{font-size:14px;font-weight:500}
#finance-family-v4 .ff-home-income-amount{display:grid;justify-items:end;gap:7px;font-size:14px;flex:none}
#finance-family-v4 .ff-home-income-amount>strong{font-weight:500}
#finance-family-v4 .ff-home-income-controls{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:12px}
#finance-family-v4 .ff-home-income-source{display:grid;gap:5px;max-width:340px;flex:1;min-width:0}
#finance-family-v4 .ff-home-income-source select{font-size:12px;min-width:0;width:100%}
#finance-family-v4 .ff-home-income-controls>.ff-button{font-size:11px;min-height:34px;padding:7px 10px}
@media(max-width:640px){#finance-family-v4 .ff-home-metric{padding:16px 15px}#finance-family-v4 .ff-home-metric-value{font-size:22px}#finance-family-v4 .ff-home-period{min-width:145px}#finance-family-v4 .ff-home-income-row{padding:16px 15px}#finance-family-v4 .ff-home-incomes>.ff-panel-head{padding:16px 15px}}
@media(max-width:460px){#finance-family-v4 .ff-home-metrics{grid-template-columns:1fr;gap:8px}#finance-family-v4 .ff-home-metric{display:grid;grid-template-columns:1fr auto;align-items:center;padding:13px 14px;gap:6px 9px}#finance-family-v4 .ff-home-metric-value{font-size:19px;grid-row:1;grid-column:2}#finance-family-v4 .ff-home-metric-label{font-size:12px}#finance-family-v4 .ff-home-metric-note{grid-column:1 / -1}#finance-family-v4 .ff-home-period{width:100%}#finance-family-v4 .ff-home-chart-legend{gap:10px 15px}#finance-family-v4 .ff-home-income-top{flex-wrap:wrap;gap:10px}#finance-family-v4 .ff-home-income-amount{display:flex;justify-content:space-between;align-items:center;flex-basis:100%}#finance-family-v4 .ff-home-income-source{max-width:none;flex-basis:100%}#finance-family-v4 .ff-home-income-controls>.ff-button{margin-left:auto}}
@media(pointer:coarse){#finance-family-v4 .ff-home-period select,#finance-family-v4 .ff-home-income-source select{font-size:16px;min-height:44px}#finance-family-v4 .ff-home-income-controls>.ff-button{min-height:44px}}

#finance-family-v4 .ff-home-chart-footnote>span{flex:1;min-width:160px}
#finance-family-v4 .ff-home-chart-footnote>.ff-button{font-size:11px;min-height:32px;padding:7px 10px}
#finance-family-v4 .ff-home-chart-warning{padding:9px 11px;margin:4px 0 11px;border-radius:8px;background:light-dark(#fff3de,#3a3020);color:light-dark(#785116,#efd29b);font-size:12px}
#finance-family-v4 .ff-home-chart-warning[hidden]{display:none}
@media(pointer:coarse){#finance-family-v4 .ff-home-chart-footnote>.ff-button{min-height:44px}}


#finance-family-v4 .ff-holding-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}
#finance-family-v4 .ff-holding-value{display:flex;flex-direction:column;gap:8px;margin:0;min-width:0}
#finance-family-v4 .ff-holding-value>strong{font-size:22px;font-weight:500;overflow-wrap:anywhere}
#finance-family-v4 .ff-holding-value>.ff-small:last-child{line-height:1.5}
#finance-family-v4 .ff-valuation-chart{width:100%;min-width:0}
#finance-family-v4 .ff-valuation-svg{display:block;width:100%;overflow:visible}
#finance-family-v4 .ff-valuation-svg text{font-size:11px;font-family:inherit;fill:var(--ff-soft)}
#finance-family-v4 .ff-valuation-svg .axis-title{fill:var(--ff-text);font-weight:500}
#finance-family-v4 .ff-valuation-frame{fill:none;stroke:var(--ff-line);stroke-width:1}
#finance-family-v4 .ff-valuation-grid{stroke:var(--ff-line);stroke-width:1}
#finance-family-v4 .ff-valuation-line{fill:none;stroke:var(--ff-chart-capital,var(--ff-primary));stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
#finance-family-v4 .ff-valuation-dot{fill:var(--ff-chart-capital,var(--ff-primary));stroke:var(--ff-panel);stroke-width:1.5}
#finance-family-v4 .ff-valuation-caption{margin-top:12px}
#finance-family-v4 .ff-valuation-history-head,#finance-family-v4 .ff-valuation-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto 30px;align-items:center;gap:12px}
#finance-family-v4 .ff-valuation-history-head{padding-bottom:10px}
#finance-family-v4 .ff-valuation-history-row{border-top:1px solid var(--ff-line);padding:12px 0}
#finance-family-v4 .ff-valuation-history-row>:nth-child(2),#finance-family-v4 .ff-valuation-history-head>:nth-child(2){text-align:right}
#finance-family-v4 .ff-valuation-history-row .ff-small{display:block;margin-top:3px}
#finance-family-v4 .ff-valuation-note{overflow-wrap:anywhere}
@media(max-width:560px){#finance-family-v4 .ff-holding-values{grid-template-columns:1fr}#finance-family-v4 .ff-holding-value>strong{font-size:20px}#finance-family-v4 .ff-valuation-history-head,#finance-family-v4 .ff-valuation-history-row{gap:7px}#finance-family-v4 .ff-valuation-history-row{font-size:12px}}
@media(pointer:coarse){#finance-family-v4 .ff-valuation-history-head,#finance-family-v4 .ff-valuation-history-row{grid-template-columns:minmax(0,1fr) auto 44px}}


#finance-family-v4 .ff-button.ff-custom-color{background:var(--ff-button-fill);color:var(--ff-button-ink);border-color:transparent}
#finance-family-v4 .ff-icon-button.ff-custom-color{background:var(--ff-button-fill);color:var(--ff-button-ink);border-color:transparent}
#finance-family-v4 .ff-edit-toggle{margin-left:auto;font-size:11px;min-height:34px;padding:6px 9px}
#finance-family-v4 .ff-edit-toggle[aria-pressed=true]{background:var(--ff-selected);color:var(--ff-primary)}
#finance-family-v4 .ff-icon-button{display:inline-flex;align-items:center;justify-content:center;width:29px;min-width:29px;height:29px;min-height:29px;margin-left:5px;padding:5px;border:0;border-radius:6px;background:transparent;color:var(--ff-soft);vertical-align:middle}
#finance-family-v4 .ff-icon-button:hover{background:var(--ff-selected);color:var(--ff-primary)}
#finance-family-v4 .ff-icon-button i,#finance-family-v4 .ff-icon-button svg{width:15px;height:15px;flex:none}
#finance-family-v4[data-editing=true] .ff-copy-text{border-bottom:1px dashed color-mix(in srgb,var(--ff-primary) 50%,transparent)}
#finance-family-v4 .ff-copy-text{overflow-wrap:anywhere}
#finance-family-v4 .ff-settings-identity{display:grid;gap:3px;overflow-wrap:anywhere}
#finance-family-v4 .ff-setting-swatches{display:flex;flex-wrap:wrap;gap:13px 20px}
#finance-family-v4 .ff-setting-swatch{display:inline-flex;align-items:center;gap:7px;font-size:12px}
#finance-family-v4 .ff-setting-swatch i{height:12px;width:12px;flex:none;border-radius:4px}
#finance-family-v4 .ff-setting-series{margin-top:15px}
#finance-family-v4 .ff-setting-chart-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#finance-family-v4 .ff-setting-chart-summary>div{display:grid;gap:3px}
#finance-family-v4 .ff-setting-chart-summary strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}
#finance-family-v4 .ff-color-setting{display:flex;gap:18px;align-items:end;flex-wrap:wrap;min-width:0;padding:8px 0}
#finance-family-v4 .ff-color-preview{display:inline-block;max-width:100%;padding:10px 13px;min-height:39px;border-radius:9px;font-size:12px;font-weight:500;overflow-wrap:anywhere}
#finance-family-v4 .ff-text-catalog{margin-top:15px;font-size:12px}
#finance-family-v4 .ff-text-catalog summary,#finance-family-v4 .ff-schedule-preview summary{padding:9px 0;font-weight:500}
#finance-family-v4 .ff-text-catalog-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--ff-line)}
#finance-family-v4 .ff-text-catalog-row>div{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere}
#finance-family-v4 .ff-text-catalog-row small{color:var(--ff-soft);font-size:11px}
#finance-family-v4 .ff-text-catalog-row .ff-icon-button{flex:none}
#finance-family-v4 .ff-audit-list{margin-top:10px}
#finance-family-v4 .ff-log-row>div{min-width:0;overflow-wrap:anywhere}
#finance-family-v4 .ff-audit-status{display:flex;gap:8px;align-items:center;margin-top:5px;flex-wrap:wrap}
#finance-family-v4 .ff-audit-status .ff-button{padding:4px 8px;min-height:28px;font-size:11px}
#finance-family-v4 .ff-history-note{margin-top:14px}
#finance-family-v4 .ff-review-balance{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--ff-line);font-size:12px}
#finance-family-v4 .ff-review-balance>span:first-child{overflow-wrap:anywhere;min-width:0}
#finance-family-v4 .ff-review-balance .ff-num{white-space:normal}
#finance-family-v4 .ff-review-changes{display:grid;gap:9px;margin-top:15px;font-size:12px}
#finance-family-v4 .ff-review-change{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
#finance-family-v4 .ff-review-change strong{font-weight:500}
#finance-family-v4 .ff-review-change>span{color:var(--ff-soft)}
#finance-family-v4 .ff-readonly-value{min-height:41px;padding:9px 11px;border-radius:8px;background:var(--ff-bg)}
#finance-family-v4 .ff-schedule-preview{grid-column:1/-1;font-size:12px}
#finance-family-v4 .ff-schedule-preview-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:7px 0;border-top:1px solid var(--ff-line)}
#finance-family-v4 .ff-button-group{grid-column:1/-1;min-width:0;border-top:1px solid var(--ff-line)}
#finance-family-v4 .ff-button-group>summary{padding:12px 0;font-size:14px;font-weight:500}
#finance-family-v4 .ff-button-group>summary .ff-small{margin-left:6px;font-weight:400}
#finance-family-v4 .ff-button-catalog-item{padding:14px 0;border-top:1px solid var(--ff-line);min-width:0}
#finance-family-v4 .ff-button-catalog-head{display:grid;gap:3px;min-width:0;margin-bottom:12px;overflow-wrap:anywhere}
#finance-family-v4 .ff-button-catalog-head>strong{font-size:13px;font-weight:500}
#finance-family-v4 .ff-button-catalog-fields{display:grid;grid-template-columns:minmax(140px,1fr) 75px minmax(140px,1fr);gap:14px;align-items:start;min-width:0}
#finance-family-v4 .ff-button-catalog-preview{display:grid;gap:6px;align-content:start;min-width:0}
#finance-family-v4 .ff-button-preview-set{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}
#finance-family-v4 .ff-button-preview-set .ff-color-preview{max-width:100%;font-size:12px;min-height:37px;padding:8px 11px}
#finance-family-v4 .ff-button-icon-preview{display:inline-flex;align-items:center;justify-content:center;flex:none;width:29px;height:29px;padding:6px;border-radius:6px}
#finance-family-v4 .ff-button-icon-preview i,#finance-family-v4 .ff-button-icon-preview svg{width:16px;height:16px}
#finance-family-v4 .ff-button-locations{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;margin-top:10px;font-size:12px;overflow-wrap:anywhere}
#finance-family-v4 .ff-button-location-list{display:grid;gap:7px;font-size:12px;overflow-wrap:anywhere}
#finance-family-v4[data-button-editing=true] [data-button-key]{outline:1px dashed var(--ff-primary);outline-offset:3px}
#finance-family-v4[data-button-editing=true] [data-button-key]:focus-visible{outline:3px solid var(--ff-primary);outline-offset:3px}
@media(max-width:700px){#finance-family-v4 .ff-button-catalog-fields{grid-template-columns:minmax(0,1fr) 70px}#finance-family-v4 .ff-button-catalog-preview{grid-column:1/-1}}
@media(max-width:400px){#finance-family-v4 .ff-button-locations{grid-template-columns:1fr;gap:3px}}
@media(max-width:560px){#finance-family-v4 .ff-edit-toggle{margin-left:50px}#finance-family-v4 .ff-setting-chart-summary{grid-template-columns:1fr}#finance-family-v4 .ff-log-row{flex-wrap:wrap}#finance-family-v4 .ff-log-row small{white-space:normal}#finance-family-v4 .ff-page-head>div{min-width:0;max-width:100%}}
@media(pointer:coarse){#finance-family-v4 .ff-icon-button{width:44px;min-width:44px;height:44px;min-height:44px}#finance-family-v4 .ff-audit-status .ff-button{min-height:44px}#finance-family-v4 .ff-edit-toggle{min-height:44px}#finance-family-v4 .ff-text-catalog summary,#finance-family-v4 .ff-schedule-preview summary{min-height:44px}}


#finance-family-v4 .ff-action-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:29px;min-width:29px;height:29px;min-height:29px;margin:0;padding:6px;border:0;border-radius:7px;background:var(--ff-bg);color:var(--ff-soft)}
#finance-family-v4 .ff-action-icon.ff-custom-color{background:var(--ff-button-fill);color:var(--ff-button-ink)}
#finance-family-v4 .ff-action-icon.ff-custom-color:hover{background:var(--ff-button-fill);color:var(--ff-button-ink);filter:brightness(1.08)}
#finance-family-v4 .ff-action-icon i,#finance-family-v4 .ff-action-icon svg{width:16px;height:16px;flex:none}
#finance-family-v4 .ff-edit-mode-hint{display:flex;gap:9px;align-items:center;color:var(--ff-soft);font-size:12px;margin-bottom:16px;padding:9px 12px;background:var(--ff-panel);border-radius:9px;border:1px dashed var(--ff-line)}
#finance-family-v4 .ff-edit-mode-hint>i,#finance-family-v4 .ff-edit-mode-hint>svg{width:16px;height:16px;flex:none;color:var(--ff-primary)}
#finance-family-v4[data-button-editing=true] [data-button-key]{outline:1px dashed color-mix(in srgb,var(--ff-primary) 65%,var(--ff-text));outline-offset:3px}
#finance-family-v4[data-button-editing=true] [data-button-key]:focus-visible{outline:3px solid var(--ff-primary);outline-offset:3px}
#finance-family-v4 .ff-nav-button{overflow-wrap:anywhere;min-width:0}
#finance-family-v4 .ff-valuation-history-row .ff-action-icon{margin:0}
@media(pointer:coarse){#finance-family-v4 .ff-action-icon{width:44px;min-width:44px;height:44px;min-height:44px}}


:root{color-scheme:light dark;background:light-dark(#f6f5f9,#19191e)}
body{margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
#finance-family-v4{min-height:100svh;border:0;border-radius:0;max-width:1600px;margin:0 auto}
#finance-family-v4 .ff-header{padding-right:24px}
#finance-family-v4 .ff-layout{min-height:calc(100svh - 132px)}
#finance-family-v4 .ff-sync-status{font-size:11px;border:1px solid var(--ff-line);border-radius:20px;padding:5px 10px;color:var(--ff-soft)}
#finance-family-v4 .ff-sync-status[data-online=false]{color:var(--ff-warning)}
#finance-family-v4 .ff-edit-toggle{margin-left:auto}
#finance-family-v4 .ff-sync-warning{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 16px;background:color-mix(in srgb,var(--ff-warning) 10%,var(--ff-panel));border:1px solid color-mix(in srgb,var(--ff-warning) 35%,var(--ff-panel));border-radius:10px;margin-bottom:16px;font-size:12px}
#finance-family-v4 .ff-sync-warning p{margin-top:4px}
#finance-family-v4 .ff-sync-warning>div{flex:1;min-width:180px}
#finance-family-v4 .ff-download{color:var(--ff-text);text-decoration:none;display:inline-flex;align-items:center}
#finance-family-v4 .ff-logout{margin-top:12px;font-size:11px;width:100%}
#finance-family-v4 .ff-login{max-width:430px;margin:30px auto;padding:32px}
#finance-family-v4 .ff-login>p{margin-top:8px}
#finance-family-v4 .ff-login-form{display:grid;gap:17px;margin:25px 0}
#finance-family-v4 .ff-login-form .ff-form-error{margin:0}
#finance-family-v4 .ff-login-form .ff-button{font-size:14px;min-height:44px}
#finance-family-v4 .ff-login-emblem{width:52px;height:52px;background:var(--ff-selected);color:var(--ff-primary);font-size:30px;font-weight:600;border-radius:16px;display:grid;place-items:center;margin-bottom:24px}
#finance-family-v4[data-authenticated=false] .ff-sidebar,#finance-family-v4[data-authenticated=false] #ff-edit-mode-toggle{display:none}
#finance-family-v4[data-authenticated=false] .ff-layout{display:block}
#finance-family-v4 button{cursor:pointer}
#finance-family-v4 button:disabled{cursor:default}
#finance-family-v4 a:focus-visible{outline:3px solid var(--ff-primary);outline-offset:3px}
@media(max-width:700px){
  #finance-family-v4 .ff-layout{min-height:calc(100svh - 160px)}
  #finance-family-v4 .ff-header{padding:15px;gap:10px}
  #finance-family-v4 .ff-main{padding:18px 14px}
  #finance-family-v4 .ff-login{padding:24px;margin:16px auto}
  #finance-family-v4 .ff-member-row{align-items:flex-start;flex-wrap:wrap}
  #finance-family-v4 .ff-member-row>.ff-actions{width:100%}
  #finance-family-v4 .ff-member-row>.ff-actions .ff-button{flex:1}
  #finance-family-v4 .ff-sync-warning .ff-button{min-height:44px}
  #finance-family-v4 input,#finance-family-v4 select,#finance-family-v4 textarea{font-size:16px}
  #finance-family-v4 .ff-logout{width:auto;margin-top:0}
}

#finance-family-v4 .ff-home-static-capital{fill:var(--ff-chart-capital)}
#finance-family-v4 .ff-home-static-outflows{fill:var(--ff-chart-outflow)}
#finance-family-v4 .ff-start-panel{display:flex;align-items:center;gap:18px;justify-content:space-between;margin:0 0 18px}
#finance-family-v4 .ff-start-panel p{margin-top:5px;max-width:670px}
@media(max-width:600px){#finance-family-v4 .ff-start-panel{align-items:flex-start;flex-direction:column}}