@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700;750;800&display=swap";.obligation-icon{display:inline-block;flex:none;vertical-align:middle}.obligation-icon-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;background:#17211d80;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.obligation-icon-picker{width:min(700px,100%);max-height:min(800px,92dvh);display:flex;flex-direction:column;background:#fffefb;border:1px solid #d8d8d0;border-radius:22px;box-shadow:0 24px 80px #17211d40;padding:24px;color:#17211d;text-align:left}.obligation-icon-heading{display:flex;justify-content:space-between;gap:16px;align-items:start}.obligation-icon-heading h2{font-size:22px;line-height:1.25;margin:0 0 7px}.obligation-icon-heading p{font-size:14px;color:#58645e;margin:0 0 20px}.obligation-icon-picker button{font:inherit;cursor:pointer}.obligation-icon-close{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d8d8d0;border-radius:11px;background:#fffefb;flex:none}.obligation-icon-search{display:flex;align-items:center;gap:10px;padding:0 13px;background:#f6f3ec;border:1px solid #d8d8d0;border-radius:12px;min-height:46px;flex:none}.obligation-icon-search input{width:100%;min-width:0;background:transparent;border:0;box-shadow:none;padding:12px 0;font:inherit;outline:none;color:#17211d}.obligation-icon-search:focus-within{outline:2px solid #335cff;outline-offset:2px}.obligation-icon-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-top:16px;flex:none}.obligation-icon-tabs button{padding:9px 12px;border:0;background:transparent;color:#4c5851;border-radius:10px;white-space:nowrap;font-size:14px}.obligation-icon-tabs button[aria-selected=true]{background:#e9edff;color:#2146d1;font-weight:650}.obligation-icon-count{font-size:12px;color:#626d66;margin:12px 0 9px}.obligation-icon-results{overflow:auto;overscroll-behavior:contain;min-height:120px;padding:3px;flex:1}.obligation-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.obligation-icon-choice{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid transparent;background:transparent;min-height:92px;border-radius:13px;padding:11px 5px;color:#263a31;line-height:1.25}.obligation-icon-choice>span:last-child{font-size:11px;max-width:100%;overflow-wrap:anywhere}.obligation-icon-choice:hover{background:#f3f1eb;border-color:#d8d8d0}.obligation-icon-choice.is-selected{background:#e9edff;border-color:#335cff;color:#2146d1}.obligation-icon-preview{position:relative;display:grid;place-items:center;width:38px;height:36px}.obligation-icon-check{position:absolute;right:-6px;top:-5px;background:#335cff;color:#fff;border-radius:50%;padding:2px;box-sizing:content-box}.obligation-icon-picker button:focus-visible{outline:2px solid #335cff;outline-offset:2px}.obligation-icon-empty{display:flex;align-items:center;flex-direction:column;color:#64716a;padding:35px 20px;text-align:center;line-height:1.5}.obligation-icon-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e6e4dc;padding-top:14px;margin-top:14px;font-size:13px;color:#58645e;flex:none}.obligation-icon-footer button{border:1px solid #d8d8d0;background:#fffefb;border-radius:10px;padding:9px 15px;color:#17211d}.obligation-icon-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:540px){.obligation-icon-overlay{padding:10px}.obligation-icon-picker{padding:18px 13px;border-radius:18px;max-height:94dvh}.obligation-icon-heading h2{font-size:19px}.obligation-icon-tabs{gap:2px}.obligation-icon-tabs button{padding:8px 9px;font-size:12px}.obligation-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.obligation-icon-choice{min-height:86px}.obligation-icon-footer{font-size:12px}}@media(prefers-reduced-motion:reduce){.obligation-icon-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}}.obligation-icon-trigger{display:grid;place-items:center;flex:none;width:60px;height:60px;padding:8px;border:1px solid #d8d8d0;border-radius:14px;background:#fffefb;cursor:pointer}.obligation-icon-trigger:hover{background:#f3f1eb;border-color:#607b68}.obligation-icon-trigger:focus-visible{outline:2px solid #335cff;outline-offset:3px}.family-directory-list{display:flex;flex-direction:column;gap:16px}.family-directory-person{padding:20px}.family-person-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.family-person-name{display:flex;align-items:center;gap:12px;min-width:0;text-align:left;font:inherit;color:inherit;background:none;border:0;padding:6px 0}.family-person-name strong{overflow-wrap:anywhere}.family-person-name:is(button){cursor:pointer}.family-person-name:is(button):hover strong{text-decoration:underline}.family-person-dot{width:18px;height:18px;border-radius:50%;flex:none}.family-person-access{display:flex;align-items:center;justify-content:flex-end;gap:18px;min-width:0}.family-person-access select{max-width:245px;min-width:160px}.family-person-email{display:flex;flex-direction:column;align-items:flex-end;overflow-wrap:anywhere;min-width:0}.family-person-email button{max-width:100%;overflow-wrap:anywhere;text-align:right}.family-person-email small{font-size:12px}.family-person-email.is-pending{opacity:.58}.family-person-obligations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:16px}.family-role-label{font-size:13px;color:var(--muted, #697077)}.family-email-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f191e6b;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px}.family-email-dialog{width:min(480px,100%);max-height:90vh;overflow:auto;padding:24px}.family-email-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.family-email-heading h2{overflow-wrap:anywhere}.family-email-dialog form{display:grid;gap:12px}.family-email-dialog .field input{width:100%;box-sizing:border-box}.family-person-name:focus-visible,.family-person-email button:focus-visible{outline:2px solid var(--accent, #38665d);outline-offset:4px}.family-person-edit{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--border, #e0e5e2)}.family-person-edit input[type=color]{height:38px;padding:3px}.family-email-dialog>.field{margin-bottom:18px}.family-directory-list{flex-direction:row;flex-wrap:wrap;align-items:flex-start}.family-directory-person{box-sizing:border-box;flex:0 1 var(--family-card-width, 640px);width:var(--family-card-width, 640px);max-width:100%;min-width:0;margin:0}.family-person-row{flex-wrap:wrap}.family-person-access{flex-wrap:wrap;max-width:100%}.family-group-toggle svg{flex:none;transition:transform .15s ease}.family-person-access select{flex:none}.family-header-probe{position:fixed!important;top:0;left:0;visibility:hidden!important;pointer-events:none!important;contain:layout style;display:flex!important;flex-direction:row!important;align-items:center!important;gap:20px!important;width:max-content!important;max-width:none!important;white-space:nowrap!important}.family-header-probe .family-person-name,.family-header-probe .family-person-access,.family-header-probe .family-person-email{width:max-content!important;max-width:none!important;flex:none!important;flex-wrap:nowrap!important}.family-header-probe .family-person-access{gap:18px!important}.family-header-probe .family-person-access select{flex:none!important;width:auto!important;min-width:160px!important;max-width:245px!important}@media(max-width:760px){.family-person-row{align-items:flex-start;flex-direction:column;gap:12px}.family-person-access{width:100%;justify-content:space-between;gap:12px;flex-wrap:wrap}.family-person-email{align-items:flex-start}.family-person-email button{text-align:left}.family-person-access select{max-width:100%;flex:1}.family-person-obligations{grid-template-columns:1fr;gap:8px}.family-directory-person{padding:16px}.family-email-backdrop{padding:12px}.family-email-dialog{padding:18px}}.product-tabs{display:flex;gap:6px;padding:0 22px 15px;border-bottom:1px solid var(--line, #e6e8e3)}.product-tabs button{border:0;border-radius:8px;padding:10px 18px;background:transparent;color:#65716a;font:inherit;cursor:pointer}.product-tabs button[aria-selected=true]{background:#e8f0fb;color:#285da9;font-weight:650}.monthly-chart{margin-bottom:24px}.chart-panel{padding:18px 22px}.chart-scroll{overflow-x:auto}.monthly-bars{height:258px;display:flex;align-items:stretch;gap:12px;min-width:700px;padding-top:12px}.chart-month{flex:1;min-width:42px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;color:#637168}.chart-value{font-size:10px;white-space:nowrap}.chart-track{height:190px;width:100%;display:flex;align-items:flex-end;background:linear-gradient(to top,#edf0ec 1px,transparent 1px);background-size:100% 25%}.chart-stack{display:flex;flex-direction:column-reverse;width:100%;border-radius:5px 5px 0 0;overflow:hidden;min-height:1px}.chart-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;font-size:12px}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend i{width:10px;height:10px;border-radius:3px}.chart-data{margin-top:18px;font-size:12px}.chart-data summary{cursor:pointer;color:#587262}.chart-data table{margin-top:12px;border-collapse:collapse;width:100%}.chart-data td,.chart-data th{padding:6px 10px;text-align:left;border-bottom:1px solid #e7eae6}.family-expand-actions{display:flex;gap:18px;margin-bottom:16px}.family-obligation-group{margin-top:12px;border-top:1px solid #edf0eb}.family-group-toggle{display:flex;width:100%;align-items:center;gap:8px;background:none;border:0;font:inherit;text-align:left;padding:16px 0;cursor:pointer}.family-group-toggle span{margin-left:auto;color:#8a958e}.family-group-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.product-explanation{padding:0 24px 18px}.beneficiary-options{display:flex;gap:10px;flex-wrap:wrap;padding:10px 0}.beneficiary-options label{display:flex;gap:6px;align-items:center;padding:8px 10px;background:#f3f6f1;border-radius:7px}.icon-choice{display:flex;align-items:center;gap:12px;margin-bottom:18px}.inline-colour{display:flex;align-items:center;gap:12px}.inline-colour input[type=color]{width:60px;min-height:42px;padding:4px}.payment-currency-note{font-size:12px;color:#69766d;padding:12px;background:#f4f7f3;border-radius:8px}.product-payments-tabs{margin-bottom:18px}.automatic-payments-panel .automatic-payments-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--line, #e6e8e3)}.automatic-payments-heading>div{min-width:0}.automatic-payments-heading h2{margin:0}.automatic-payments-heading p{margin:5px 0 0;line-height:1.5}.automatic-payments-heading>.button{flex-shrink:0}.product-obligation-heading{display:flex;align-items:center;gap:14px}.product-obligation-heading h2{margin:0}.obligation-beneficiaries{font-size:12px;color:#6b786f}.service-cell .obligation-beneficiaries .obligation-beneficiary-name{display:inline}.household-colour-picker{position:relative}.household-colour-picker>summary{min-height:42px;display:flex;align-items:center;gap:10px;padding:7px 12px;border:1px solid #dae0cd;border-radius:8px;background:var(--paper, #fffefa);color:var(--ink, #34462a);cursor:pointer;list-style:none}.household-colour-picker>summary::-webkit-details-marker{display:none}.household-colour-picker>summary:after{content:"⌄";margin-left:auto;color:var(--muted, #7b817c)}.household-colour-picker>summary>i{width:28px;height:28px;border-radius:7px;border:1px solid #0002}.household-colour-picker>summary>span{font-size:12px;font-weight:600}.household-colour-picker>summary[aria-disabled=true]{opacity:.5;cursor:not-allowed}.household-colour-popover{position:absolute;z-index:20;inset:calc(100% + 6px) 0 auto;display:flex;align-items:end;gap:10px;padding:12px;border:1px solid var(--line, #dae0cd);border-radius:10px;background:var(--paper, #fffefa);box-shadow:0 12px 30px #17211d24}.household-colour-popover label{display:flex;flex:1;flex-direction:column;gap:6px;font-size:10px}.household-colour-popover input[type=color]{width:100%;height:40px;padding:3px;border:1px solid #dae0cd;border-radius:8px;background:var(--paper, #fffefa)}.household-colour-popover .button{min-height:40px}.form-checkbox{margin:18px 0}.product-form .field{margin-bottom:15px}@media(max-width:600px){.automatic-payments-panel .automatic-payments-heading{gap:10px;padding:14px 16px}.automatic-payments-heading>.button{white-space:normal;max-width:128px}.chart-panel{padding:14px}.product-tabs{padding-left:12px;overflow-x:auto}.family-expand-actions{gap:10px;flex-wrap:wrap}.monthly-bars{gap:8px}.product-form .form-grid{grid-template-columns:1fr}}.price-history-chart{margin:16px 0;padding:12px;border:1px solid var(--line, #deded5);border-radius:12px}.price-history-chart figcaption{font-weight:700}.price-history-chart svg{display:block;width:100%;height:auto;overflow:visible}.price-history-chart text{fill:currentColor;font-size:21px}.price-history-table{overflow-x:auto}.price-history-table table{width:100%;border-collapse:collapse;font-size:13px}.price-history-table th,.price-history-table td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--line, #deded5);white-space:nowrap}.price-history-recorded{margin-top:20px;font-size:13px}.price-history-recorded summary{cursor:pointer}.lifecycle-policy{border:0;margin:16px 0;padding:0}.lifecycle-policy legend{font-weight:700}.lifecycle-policy-choice{display:flex;align-items:flex-start;gap:10px;margin:12px 0;cursor:pointer}.lifecycle-policy-choice input{flex-shrink:0;margin-top:4px}.lifecycle-policy-choice span{display:grid;gap:4px}.lifecycle-policy-choice small{font-weight:400;line-height:1.45}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17211d;background:#f6f3ec;font-size:14px;font-synthesis:none;font-weight:450;--canvas: #f6f3ec;--paper: #fffefb;--ink: #17211d;--muted: #7b817c;--line: #e7e6df;--blue: #335cff;--green: #176b49;--dark: #1c3027}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #8ca3ff;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #9aaeff;outline-offset:1px;border-color:#7d96ff}a{color:var(--blue);text-decoration:none}button{border:0;background:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:650;letter-spacing:-.035em}h2{font-size:18px}h3{font-size:16px}small{font-size:12px}button svg{flex-shrink:0}svg{vertical-align:middle}strong{font-weight:600}button,a{transition:background .15s,color .15s,border-color .15s,box-shadow .15s}::selection{background:#c7d2ff}.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;background:var(--dark);color:#dce4df;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:35px 20px 17px;z-index:30}.brand{display:flex;align-items:center;gap:11px;font-size:30px;letter-spacing:-1.5px;font-weight:750;line-height:1;color:#fffefb;padding:0 7px}.brand-mark{height:36px;width:36px;display:grid;place-items:center;border:1.5px solid #c3dfbd;border-radius:10px;color:#c3dfbd;transform:rotate(-5deg)}.brand-mark svg{transform:rotate(5deg)}.brand-dot{color:#c7e9ac}.household-switch{margin:37px 0 32px;background:#ffffff08;border:1px solid #ffffff15;border-radius:11px;padding:13px 10px;display:flex;align-items:center;gap:10px;text-align:left;width:100%}.household-switch:hover{background:#ffffff10}.household-switch>span:nth-child(2){flex:1;min-width:0}.household-switch strong{display:block;color:#f7faf5;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.household-switch small{display:block;color:#95a69b;font-size:10px;margin-top:6px}.household-icon{width:32px;height:32px;border-radius:8px;background:#cfdfac;color:#2c4937;display:grid;place-items:center}.nav-label{color:#90a397;font-size:9px;letter-spacing:1.2px;font-weight:600;padding:0 12px;margin-bottom:14px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;height:46px;padding:0 13px;border-radius:8px;color:#bac9bf;font-size:12px;text-align:left;margin:4px 0}.nav-item:hover{background:#ffffff09;color:#fff}.nav-item.active{background:#e2edce;color:#263b2d;font-weight:650}.nav-item svg{stroke-width:1.7}.nav-count{margin-left:auto;background:#263b2d10;padding:2px 6px;border-radius:5px;font-size:10px}.nav-divider{height:1px;background:#ffffff12;margin:24px 12px}.sidebar-bottom{margin-top:auto;padding-top:35px}.peace-card{border:1px solid #ffffff17;border-radius:13px;padding:18px 15px;position:relative;background:#ffffff03}.peace-icon{display:block;color:#c6dba7;margin-bottom:12px}.peace-card strong{font-size:14px;line-height:1.7;white-space:pre-line;color:#e2ebdf}.peace-card p{font-size:11px;line-height:1.6;color:#97aa9d;margin:8px 0 0}.profile-button{margin-top:23px;padding:15px 2px 0;display:flex;align-items:center;gap:11px;width:100%;border-top:1px solid #ffffff16;text-align:left}.profile-button>span:nth-child(2){flex:1}.profile-button strong{font-size:12px;color:#f0f4ed;display:block}.profile-button small{display:block;font-size:10px;color:#92a799;margin-top:5px}.profile-button>svg{color:#9bab9e}.avatar{height:35px;width:35px;display:inline-grid;place-items:center;border-radius:50%;background:#dfdfcd;color:#374a39;font-size:12px;font-weight:600;flex-shrink:0}.avatar.dark{background:#3c5443;color:#e3eccc;border:1px solid #617456}.workspace{margin-left:246px;min-width:0;flex:1}.topbar{height:76px;border-bottom:1px solid #e3e2d9;padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:#faf8f2a8;gap:16px}.breadcrumbs{display:flex;align-items:center;gap:13px;font-size:11px;color:#8c918a}.breadcrumbs strong{font-weight:500;color:#465048}.breadcrumbs>svg:first-of-type{color:#8a9388}.topbar-actions{display:flex;align-items:center;gap:16px}.connection-status{display:flex;align-items:center;gap:7px;font-size:10px;color:#6c756e}.connection-dot,.tiny-dot{width:6px;height:6px;background:#739b6c;border-radius:50%;display:inline-block}.topbar-separator{height:20px;background:#dedfd5;width:1px;margin:0 2px}.icon-button{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:#748071;flex-shrink:0;padding:0;font-size:10px;font-weight:600}.icon-button:hover{background:#17211d08;color:#17211d}.notification-button{position:relative}.notification-button i{position:absolute;top:5px;right:7px;width:5px;height:5px;background:#dc8f73;border:1px solid #faf8f2;border-radius:50%}.small-avatar{height:31px;width:31px;font-size:11px;background:#e9e4d4}.main-content{max-width:1560px;margin:0 auto;padding:22px 42px 0}.demo-banner{background:#ebeade;border:1px solid #e2e2d0;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:8px;padding:10px 13px;font-size:10px;color:#626c54;margin-bottom:28px}.demo-banner>span,.demo-banner>button{display:flex;align-items:center;gap:7px}.demo-banner>button{font-size:10px;color:#3c563d;font-weight:600;padding:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;color:#969b8d;margin-bottom:11px}.page-heading h1{font-size:34px;line-height:1.17;letter-spacing:-1.3px;margin-bottom:11px}.heading-dot{color:#789663}.page-heading p{font-size:12px;color:#7e867a;margin-bottom:0}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:8px;font-size:11px;font-weight:550;white-space:nowrap;border:1px solid transparent}.button.primary{background:var(--blue);color:#fff;box-shadow:0 3px 6px #335cff14}.button.primary:hover{background:#244deb;box-shadow:0 4px 12px #335cff25}.button.secondary{background:#fffefb;border-color:#dddfd4;color:#46523e}.button.secondary:hover{background:#f3f3e9;border-color:#c8cebd}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#3856b2;font-size:11px;font-weight:550;padding:0;line-height:1.5}.text-button:hover{color:#2348db}.text-button.subdued{color:#8b9383;font-weight:450}.text-button.subdued:hover{color:#465a3e}.full{width:100%}.muted{color:var(--muted);font-size:12px;line-height:1.7}.period-bar{display:flex;align-items:center;gap:19px;margin-bottom:18px}.month-picker{display:flex;gap:4px;align-items:center;background:#fffefb;border:1px solid #e1e3d7;border-radius:8px;padding:3px}.month-picker>span{min-width:135px;text-align:center;font-size:12px;font-weight:550;text-transform:capitalize}.period-bar>.text-button{font-size:10px}.period-spacer{flex:1}.period-bar>.muted{font-size:10px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.summary-card{background:#fffefb;border:1px solid #e2e3d9;border-radius:13px;padding:19px 19px 16px;min-width:0}.summary-card.attention{background:#fff9f3;border-color:#eadbcd}.summary-label{font-size:11px;color:#737b6d;display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:13px}.metric-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.metric-icon.blue{background:#edf0fc;color:#6e83d4}.metric-icon.mint{background:#edf5e9;color:#65935e}.metric-icon.yellow{background:#f8f1d7;color:#ab9647}.metric-icon.coral{background:#fff0e9;color:#d09473}.metric{font-size:26px;font-weight:600;letter-spacing:-1px;display:block;font-variant-numeric:tabular-nums;white-space:nowrap;margin-bottom:14px}.metric-unit{font-size:11px;color:#a18b75;letter-spacing:0;font-weight:450;margin-left:10px}.metric-note,.metric-link{font-size:9px;color:#899080;display:flex;align-items:center;gap:5px;line-height:1.6}.metric-link{padding:0;color:#a87753}.metric-note .green-dot{height:4px;width:4px;background:#75a16a}.welcome-banner{border:1px solid #dcded0;background:#eaeede;border-radius:14px;min-height:195px;display:flex;justify-content:space-between;align-items:center;padding:25px 31px;position:relative;overflow:hidden;margin-bottom:27px}.welcome-copy{position:relative;z-index:2}.mini-tag{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.1px;font-weight:550;color:#7d8f63;margin-bottom:12px}.mini-tag>span{width:5px;height:5px;border-radius:50%;background:#8b9e6a}.welcome-copy h2{font-size:27px;letter-spacing:-.85px;font-weight:550;color:#2c4230;margin-bottom:9px}.welcome-copy p{font-size:11px;line-height:1.8;color:#7c896c;white-space:pre-line;margin-bottom:17px}.welcome-copy .text-button{font-size:10px;color:#4c663e}.house-art{width:255px;height:174px;position:relative;flex-shrink:0;margin-right:27px}.art-orbit{position:absolute;width:165px;height:165px;background:#dbe4c6;border-radius:50%;left:42px;top:7px}.art-home{position:absolute;left:65px;top:40px;transform:rotate(-4deg);width:121px;height:114px}.art-roof{position:absolute;left:-12px;top:0;width:105px;height:74px;background:#4c7050;clip-path:polygon(50% 0,100% 65%,91% 79%,50% 26%,9% 79%,0 65%);z-index:3}.art-house-body{position:absolute;left:1px;top:33px;background:#fff9e7;width:82px;height:79px;border-radius:3px 3px 6px 6px;box-shadow:8px 4px #d3d7b6}.art-house-body:before{content:"";position:absolute;left:81px;top:8px;width:24px;height:71px;background:#e6e1c6;transform:skewY(-17deg);transform-origin:top left;border-radius:0 0 4px}.art-roof:after{content:"";position:absolute;width:20px;height:27px;background:#4c7050;top:3px;right:9px}.art-window{position:absolute;top:19px;left:15px;width:21px;height:22px;background:#b9c9a8;border:3px solid #e7dfc4;box-shadow:0 0 0 1px #d8d2b8}.art-window:before,.art-window:after{content:"";position:absolute;background:#ede5cf}.art-window:before{width:2px;height:100%;left:7px}.art-window:after{height:2px;width:100%;top:8px}.art-door{position:absolute;bottom:0;right:13px;width:23px;height:42px;background:#abbd93;border-radius:12px 12px 0 0}.art-door:after{content:"";position:absolute;right:4px;top:23px;width:3px;height:3px;background:#587948;border-radius:50%}.art-step{position:absolute;bottom:-4px;right:10px;width:30px;height:6px;background:#b7bf99;border-radius:2px}.art-plant{position:absolute;left:39px;bottom:11px;width:40px;height:56px;z-index:4}.art-plant b{position:absolute;bottom:0;left:13px;width:23px;height:25px;background:#c69f75;clip-path:polygon(0 0,100% 0,83% 100%,18% 100%)}.art-plant i{position:absolute;width:18px;height:31px;background:#6c8d58;border-radius:100% 0;left:21px;top:-5px;transform:rotate(20deg)}.art-plant i:nth-child(2){left:6px;top:5px;transform:rotate(-80deg);background:#9eaf76}.art-plant i:nth-child(3){left:15px;top:4px;transform:rotate(-10deg);background:#7c9862}.art-check{position:absolute;top:22px;right:26px;width:43px;height:43px;background:#fffef5;color:#7c9b68;display:grid;place-items:center;border-radius:12px;transform:rotate(9deg);border:1px solid #d6dfc5;box-shadow:0 5px 8px #71845610}.art-star{position:absolute;font-size:22px;color:#aebd8b}.art-star.one{top:28px;left:20px}.art-star.two{bottom:18px;right:22px}.art-cloud{position:absolute;width:33px;height:14px;border-radius:10px;background:#f5f5e9;top:8px;left:75px}.art-cloud:after{content:"";position:absolute;width:19px;height:19px;background:#f5f5e9;border-radius:50%;top:-7px;left:8px}.overview-columns{display:grid;grid-template-columns:minmax(0,1fr) 267px;gap:22px;align-items:start}.panel{background:#fffefb;border:1px solid #e1e3d8;border-radius:13px;overflow:hidden;margin-bottom:22px}.panel-heading{padding:22px 22px 19px;display:flex;justify-content:space-between;align-items:center;gap:13px}.panel-heading h2{font-size:15px;letter-spacing:-.25px;display:flex;align-items:center;gap:10px;margin:0}.panel-heading p{font-size:10px;color:#909787;margin:8px 0 0;line-height:1.5}.count-pill{display:inline-flex;justify-content:center;align-items:center;min-width:23px;height:21px;background:#f0f1e7;border:1px solid #e8ebdf;border-radius:5px;font-size:10px;color:#899679;font-weight:500}.table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 22px 17px;gap:12px}.tabs{display:flex;gap:3px}.tabs button{font-size:10px;padding:7px 11px;color:#8d9682;border-radius:6px;white-space:nowrap}.tabs button.selected{background:#f0f3e8;color:#527145;font-weight:550}.tabs button:hover{background:#f1f2eb}.search-box{display:flex;align-items:center;gap:7px;color:#a1a894;max-width:133px;border:1px solid #e8eadd;border-radius:6px;padding:6px 9px}.search-box input{border:0;background:none;min-width:0;width:100%;font-size:10px;color:#46543c;outline:none;padding:0}.search-box input::placeholder{color:#a1a894}.expense-table-head,.expense-row{display:grid;grid-template-columns:minmax(160px,1.8fr) minmax(55px,.55fr) minmax(75px,.85fr) minmax(87px,.9fr) 10px;align-items:center;column-gap:12px;padding-left:22px;padding-right:22px}.expense-table-head{padding-top:12px;padding-bottom:12px;background:#f9faf4;border-top:1px solid #ebede1;border-bottom:1px solid #ebede1;font-size:8px;font-weight:600;letter-spacing:.6px;color:#9da48f}.expense-row{width:100%;padding-top:16px;padding-bottom:16px;border-bottom:1px solid #eef0e5;text-align:left;min-height:80px}.expense-row:last-child{border-bottom:0}.expense-row:hover{background:#f9faf3}.service-cell{display:flex;align-items:center;gap:11px;min-width:0}.service-icon{display:inline-flex;justify-content:center;align-items:center;width:37px;height:37px;border-radius:10px;font-weight:700;font-size:20px;background:#eef1e5;color:#779268;flex-shrink:0;letter-spacing:-1px}.service-icon.small{height:28px;width:28px;border-radius:7px;font-size:16px}.service-icon.netflix{background:#f9eeeb;color:#ba3329;font-size:23px;font-weight:800}.service-icon.spotify{background:#e8f2e6;color:#539350}.spotify-lines{font-size:33px;line-height:.7;transform:rotate(5deg);display:inline-block;margin-top:-4px}.service-icon.youtube{background:#fbede8;color:#d95841}.service-icon .play{font-size:16px}.service-icon.icloud{background:#edf2f9;color:#769aca}.service-icon.internet{background:#eff0fa;color:#9489c3}.service-icon.rent{background:#f1eee3;color:#9a8965}.service-cell strong{font-size:11px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.service-cell>span:last-child{min-width:0}.service-cell small{display:block;font-size:8px;color:#939b87;margin-top:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.small-separator{margin:0 5px;color:#c3c8b7}.due-cell{font-size:10px;color:#869077;white-space:nowrap}.amount-cell{font-size:11px;font-weight:550;font-variant-numeric:tabular-nums;white-space:nowrap}.amount-cell small{display:block;font-size:8px;color:#a3a587;font-weight:400;margin-top:3px}.status{display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:5px;padding:5px 7px;font-size:8px;line-height:1.3;white-space:nowrap;font-weight:500}.status>span{width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0}.status.green{color:#4c8053;background:#ecf5e8}.status.red{color:#b97657;background:#fff0e7}.status.amber{color:#a38c44;background:#fbf5dc}.status.neutral{color:#98956e;background:#f5f3e6}.row-chevron{color:#b1baa5}.table-footer{border-top:1px solid #eaeddf;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a2aa94}.table-footer .text-button{font-size:9px;color:#7b8c65}.right-column .panel-heading{padding:22px 20px 0}.right-column .panel-heading h2{font-size:15px}.soft-icon{display:inline-grid;place-items:center;width:29px;height:29px;color:#8b9977;background:#f2f4e9;border-radius:8px}.side-description{font-size:10px;color:#9da58f;margin:8px 20px 11px}.upcoming-items{padding:0 20px}.upcoming-item{display:flex;width:100%;align-items:center;text-align:left;gap:12px;padding:16px 0;border-bottom:1px solid #edf0e1}.upcoming-item>span:nth-child(2){flex:1}.upcoming-item>svg{color:#a7b392}.upcoming-item strong{font-size:11px;display:block;margin-bottom:5px;line-height:1.5}.upcoming-item small{font-size:10px;display:block;color:#99a287}.upcoming-item:hover{background:#f7f9ef}.date-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7f7ee;border:1px solid #e6ebd8;border-radius:8px;min-width:37px;height:44px;color:#849568;flex-shrink:0}.date-tile strong{font-size:15px!important;font-weight:600;margin:0;line-height:1.1}.date-tile small{font-size:8px!important;color:#acb699;margin-top:3px;text-transform:lowercase}.upcoming-panel>.text-button{padding:18px 10px;font-size:10px;color:#8b9c74}.family-card{padding:23px 23px 20px;border-radius:13px;border:1px solid #dde0d2;background:#edeee2}.family-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.overlap-avatars{display:flex;padding-left:0}.overlap-avatars .avatar{margin-left:-8px;border:3px solid #edeee2;width:35px;height:35px;font-size:10px}.overlap-avatars .avatar:first-child{margin-left:0}.avatar-0{background:#e5cfaf;color:#8a6f4c}.avatar-1{background:#d6ddc0;color:#798c59}.avatar-2{background:#dfd7e9;color:#8f7aa5}.family-spark{color:#a7b789;font-size:25px}.family-card h3{font-size:16px;letter-spacing:-.4px;color:#4b6240;margin-bottom:10px}.family-card p{font-size:10px;line-height:1.8;color:#96a082;white-space:pre-line;margin-bottom:16px}.family-card .text-button{font-size:10px;color:#647e4e}.page-footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#a4aa96;padding:29px 0 25px}.page-footer>span{display:flex;align-items:center;gap:7px}.page-footer .text-button{font-size:9px;color:#a0a98e}.footer-home{color:#a7b198}.empty-state{padding:48px 25px;text-align:center;color:#9aa68a}.empty-state>svg{margin-bottom:17px;color:#a0b08a;stroke-width:1.3}.empty-state h3{font-size:16px;color:#677b53;margin-bottom:9px}.empty-state p{font-size:12px;line-height:1.8}.empty-state .button{margin-top:8px}.all-paid{text-align:center;padding:25px 0;color:#719a59}.all-paid strong{display:block;margin:13px 0 7px}.all-paid p{font-size:11px;color:#97a384}.notice{border:1px solid #e1e5ce;background:#f3f4e6;color:#7b865f;padding:13px 15px;border-radius:8px;font-size:12px;line-height:1.7;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px}.notice.danger{background:#fff0ed;border-color:#f0cdc1;color:#a8493d;justify-content:space-between}.notice>span{flex:1}.notice p{margin:5px 0}.notice code{overflow-wrap:anywhere}.draft-banner{width:100%;background:#edf0ff;border:1px solid #dce2ff;color:#5e72b6;border-radius:8px;display:flex;align-items:center;gap:8px;padding:12px 15px;margin-bottom:18px;font-size:12px;text-align:left}.draft-banner strong{margin-left:auto}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:23px;background:#1c3027;color:#e2ebd8}.loading-screen p{font-size:12px;color:#9dad94}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translate(-50%);background:#243a2d;border:1px solid #3b5740;color:#e6efdb;padding:14px 16px;border-radius:10px;box-shadow:0 8px 28px #15231325;display:flex;align-items:center;gap:10px;z-index:150;font-size:12px;max-width:calc(100vw - 40px);min-width:220px}.toast>.icon-button{color:#b5c7a6;margin-left:auto}.grow{flex:1;min-width:0}.simple-row{display:flex;align-items:center;gap:14px;padding:17px 22px;border-bottom:1px solid #ecefe0;font-size:12px}.simple-row:last-child{border-bottom:0}.simple-row strong,.simple-row small{display:block}.simple-row small{font-size:10px;color:#98a087;margin-top:6px}.payment-row{display:flex;width:100%;align-items:center;text-align:left;gap:18px;padding:21px 24px;border-top:1px solid #e9ecde}.payment-row:hover{background:#f9faef}.payment-row strong,.payment-row small{display:block}.payment-row strong{font-size:13px}.payment-row small{font-size:10px;color:#94a07f;margin-top:7px}.payment-symbol{width:39px;height:39px;background:#eff4e7;border-radius:11px;display:grid;place-items:center;color:#7d9661}.payment-right{text-align:right;font-variant-numeric:tabular-nums}.payment-row>svg{color:#a6b490}.family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.person-card{padding:25px;text-align:center}.person-avatar{height:60px;width:60px;font-size:22px;margin-bottom:17px}.person-card h2{font-size:18px;margin-bottom:9px}.person-card p{font-size:11px;color:#939f7e}.person-services{margin-top:23px}.person-services button{display:flex;align-items:center;gap:9px;padding:11px 0;border-top:1px solid #e9eedc;text-align:left;width:100%;font-size:11px}.person-services button>span:nth-child(2){flex:1}.person-services button>svg{color:#a1b187}.history-row{display:flex;align-items:center;gap:15px;padding:20px 25px;border-top:1px solid #e9eddf}.history-dot{height:29px;width:29px;border-radius:50%;background:#eef4e4;color:#7e9c5b;display:grid;place-items:center}.history-row strong{display:block;font-size:12px}.history-row small{display:block;margin-top:6px;color:#94a17f;font-size:10px}.history-row time{font-size:10px;color:#a2ac90}.import-content{padding:0 25px 25px}.badge-soft{background:#f0f3e6;border-radius:5px;padding:6px 9px;font-size:9px;color:#8c9b70}.upload-zone{border:1px dashed #cfd8bd;border-radius:12px;background:#fbfcf5;display:flex;align-items:center;flex-direction:column;padding:28px 20px;cursor:pointer;position:relative;margin-bottom:22px}.upload-zone:hover{background:#f3f6e9}.upload-icon{width:57px;height:57px;background:#edf1df;color:#9eaf7e;border-radius:14px;display:grid;place-items:center;margin-bottom:15px}.upload-zone strong{font-size:13px}.upload-zone>span:last-of-type{font-size:11px;color:#a0ac89;margin-top:7px}.upload-zone input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;width:100%;cursor:pointer}.import-controls{display:flex;align-items:end;gap:16px}.import-controls .field{flex:1;margin:0}.import-controls .text-button{padding-bottom:12px}.csv-results{border-top:1px solid #e7ecdb;margin-top:25px;padding-top:25px}.csv-results>.button{margin-top:22px}.preview-json{font-size:10px;line-height:1.6;max-height:250px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;width:100%}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.settings-section{margin-bottom:0}.settings-section.wide{grid-column:1/-1}.settings-section form,.settings-body{padding:0 24px 25px}.settings-body>.button{margin:8px 8px 0 0}.settings-body>.simple-row{padding-left:0;padding-right:0}.settings-section .panel-heading{padding:24px}.settings-section .panel-heading>svg{color:#9aa985}.connection-detail{display:flex;align-items:center;gap:14px;margin-bottom:19px}.connection-detail p{font-size:11px;line-height:1.7;color:#97a281;margin:7px 0 0}.connection-detail strong{font-size:12px}.large-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:13px;background:#eff3e3;color:#8da468;flex-shrink:0;margin-bottom:16px}.connection-detail .large-icon{margin:0}.lease-controls{border-top:1px solid #e7edda;margin-top:20px;padding-top:20px;display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:#8c9c76}.lease-controls>span{width:100%}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;text-align:left;font-size:12px;font-weight:500;color:#657754}.field input,.field select,.field textarea{border:1px solid #dae0cd;border-radius:8px;background:#fffefa;padding:11px 12px;color:#34462a;font-size:12px;width:100%;min-height:42px}.field input::placeholder,.field textarea::placeholder{color:#adb79b;font-size:11px}.field textarea{resize:vertical;min-height:70px;line-height:1.7}.field small{font-weight:400;font-size:10px;color:#97a483;line-height:1.6}.field input[readonly]{background:#f5f6ed;color:#94a17f}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-divider{height:1px;background:#e4ead6;margin:22px 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#16221770;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;padding:25px;overflow-y:auto}.modal{position:relative;width:480px;max-width:100%;max-height:calc(100dvh - 50px);overflow-y:auto;padding:32px;background:#fffefb;border:1px solid #e4e9d9;border-radius:17px;box-shadow:0 20px 60px #18281b28}.modal-wide{width:620px}.modal h2#modal-title{font-size:24px;margin-right:25px;margin-bottom:10px;letter-spacing:-.8px}.modal-subtitle{font-size:12px;color:#98a582;line-height:1.9;margin-bottom:25px}.modal-close{position:absolute;right:17px;top:18px;color:#a3b38c}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:21px;border-top:1px solid #e8eddd}.modal p{font-size:12px;line-height:1.9}.wizard-steps{display:flex;align-items:center;justify-content:space-between;margin:26px 0}.wizard-steps>span{display:flex;align-items:center;gap:8px;color:#bac5a5;font-size:11px}.wizard-steps b{display:inline-grid;place-items:center;width:23px;height:23px;background:#f2f5e9;border:1px solid #e1e8d1;border-radius:50%;font-size:10px;font-weight:500}.wizard-steps .active{color:#708f50}.wizard-steps .active b{background:#e7efd9;color:#738f53;border-color:#ccdcb5}.detail-title{display:flex;gap:17px;align-items:center;margin-bottom:25px}.detail-title .service-icon{height:54px;width:54px;font-size:29px}.detail-title #modal-title{margin:0}.detail-title .modal-subtitle{margin:6px 0 0}.detail-title>h2{flex:1}.detail-amount{display:flex;align-items:center;gap:18px;margin-bottom:28px}.detail-amount>strong{font-size:36px;letter-spacing:-1.2px;font-variant-numeric:tabular-nums}.detail-amount .status{font-size:10px;padding:7px 10px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;background:#f8faf1;border:1px solid #e9eedc;border-radius:10px;padding:20px;margin-bottom:28px}.detail-grid small{display:block;font-size:10px;color:#9cab89;margin-bottom:7px}.detail-grid strong{font-size:12px;font-weight:550}.detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px;padding-top:22px;border-top:1px solid #e5ecda}.danger-text{color:#b2705b!important}.detail-actions>.text-button{width:100%;justify-content:flex-start;margin-top:8px}.checkbox-row{display:flex;align-items:center;gap:10px;font-size:12px;color:#889a6d;padding:10px 0}.checkbox-row input{accent-color:#739748}.draft-card{border:1px solid #e0e8d0;border-radius:10px;padding:17px;margin-top:15px}.draft-card>div:first-child strong,.draft-card small{display:block}.draft-card strong{font-size:12px}.draft-card small{font-size:10px;color:#9cae82;margin-top:7px}.draft-card details{margin:16px 0;font-size:11px;color:#8c9f6f}.draft-card pre{font-size:10px;max-height:220px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.draft-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px}.help-step{display:flex;gap:17px;padding:20px 0;border-bottom:1px solid #e6eeda}.help-step>b{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#eaf1de;color:#91a976;flex-shrink:0}.help-step h3{font-size:14px;margin:4px 0 9px}.help-step p{font-size:11px;color:#98a984;margin:0}.help-step+.full{margin-top:25px}.auth-layout{display:grid;grid-template-columns:.95fr 1.05fr;min-height:100vh}.auth-story{padding:50px 65px;background:#213b2a;color:#e6edda;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.auth-story .brand{padding:0}.auth-story>div:nth-child(2){padding:70px 0 40px}.auth-story .eyebrow{font-size:10px;color:#8fab75;display:block;margin-bottom:20px}.auth-story h1{font-size:48px;white-space:pre-line;line-height:1.25;letter-spacing:-1.8px;margin-bottom:22px;font-weight:550}.auth-story p{font-size:14px;line-height:1.9;color:#a6bb93;max-width:360px}.auth-story .house-art{margin:35px auto 20px;transform:scale(1.2)}.auth-story small{font-size:11px;color:#789168}.auth-form-wrap{position:relative;display:flex;justify-content:center;align-items:center;padding:95px 50px 65px}.auth-form{width:100%;max-width:385px}.auth-form h2{font-size:28px;letter-spacing:-.8px;margin-bottom:12px}.auth-form>p{font-size:12px;line-height:1.7;color:#91a279;margin-bottom:27px}.auth-form .button{margin-top:8px;min-height:44px}.auth-form>.text-button{margin-top:22px;width:100%;font-size:11px}.auth-back{position:absolute;top:37px;left:42px;color:#95a77b;font-size:11px}.totp-secret{font-size:13px;background:#e8eddb;border:1px solid #d7e0c5;padding:10px;border-radius:5px;width:100%;letter-spacing:1px;word-break:break-all}.mobile-toggle,.sidebar-overlay{display:none}[hidden]{display:none!important}@media(min-width:1500px){.main-content,.topbar{padding-left:52px;padding-right:52px}.overview-columns{grid-template-columns:minmax(0,1fr) 310px}.summary-grid{gap:22px}.expense-row,.expense-table-head{grid-template-columns:minmax(185px,1.8fr) .7fr .9fr .95fr 12px}.service-cell strong{font-size:12px}.service-cell small{font-size:9px}.amount-cell{font-size:12px}.status{font-size:9px}.welcome-banner{min-height:210px}.welcome-copy h2{font-size:30px}.house-art{margin-right:70px}.summary-card{padding:22px}.metric{font-size:30px}.metric-note,.metric-link{font-size:10px}.summary-label{font-size:12px}}@media(max-width:1220px){.sidebar{width:219px;padding:30px 15px 15px}.workspace{margin-left:219px}.main-content{padding:20px 25px 0}.topbar{padding:0 25px}.brand{font-size:27px}.overview-columns{grid-template-columns:minmax(0,1fr) 230px;gap:16px}.summary-grid{gap:12px}.summary-card{padding:15px}.metric{font-size:23px}.metric-unit{font-size:9px}.metric-note,.metric-link{font-size:8px}.summary-label{font-size:10px}.metric-icon{width:26px;height:26px}.metric-icon svg{width:15px;height:15px}.expense-row,.expense-table-head{padding-left:15px;padding-right:15px;column-gap:8px;grid-template-columns:minmax(135px,1.6fr) 47px minmax(63px,.8fr) minmax(80px,.9fr) 7px}.service-cell{gap:8px}.service-icon{width:31px;height:31px;border-radius:8px}.service-cell strong{font-size:10px}.service-cell small{font-size:7px}.due-cell{font-size:9px}.amount-cell{font-size:10px}.status{font-size:7px;padding:5px}.row-chevron{width:12px}.panel-heading{padding:19px 16px 16px}.table-toolbar{padding:0 15px 15px}.table-toolbar .tabs button{font-size:9px;padding:7px 8px}.search-box{max-width:110px}.welcome-copy h2{font-size:25px}.welcome-banner{padding:24px}.house-art{margin-right:0}.topbar-actions{gap:12px}.connection-status{font-size:9px}.family-grid{gap:16px}.person-card{padding:20px}.page-heading h1{font-size:31px}.page-heading>.button{font-size:10px;padding:0 12px}}@media(max-width:1080px){.overview-columns{display:block}.right-column{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-top:20px}.upcoming-panel{margin:0}.family-card{display:flex;flex-direction:column;justify-content:center}.upcoming-items{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.upcoming-item strong{font-size:10px}.expense-row,.expense-table-head{grid-template-columns:minmax(170px,1.6fr) .6fr .8fr .9fr 10px;padding-left:22px;padding-right:22px}.service-cell strong{font-size:12px}.service-cell small{font-size:9px}.service-icon{width:37px;height:37px}.status{font-size:9px}.due-cell{font-size:11px}.amount-cell{font-size:12px}.summary-grid{grid-template-columns:1fr 1fr}.summary-card{padding:18px 20px}.metric{font-size:27px}.summary-label{font-size:12px}.metric-note,.metric-link{font-size:10px}.welcome-banner{min-height:190px}.house-art{transform:scale(.9);transform-origin:right center;width:230px}.welcome-copy h2{font-size:23px}.mini-tag{font-size:7px}.family-grid{grid-template-columns:1fr 1fr}.settings-layout{grid-template-columns:1fr}.settings-section.wide{grid-column:auto}.topbar .connection-status>span:last-child{max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-story{padding:40px}.auth-story h1{font-size:39px}.auth-form-wrap{padding-left:35px;padding-right:35px}}@media(max-width:800px){.sidebar{width:230px;transform:translate(-100%);transition:transform .2s;padding:27px 18px 17px}.sidebar.open{transform:translate(0)}.workspace{margin-left:0}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#172a1c60;z-index:25}.topbar{height:65px;padding:0 23px}.mobile-toggle{display:inline-flex;margin-left:-6px}.breadcrumbs{gap:8px}.breadcrumbs>svg:first-of-type{display:none}.topbar-actions{gap:9px}.main-content{padding:20px 23px 0}.toast{left:50%;bottom:20px}.auth-layout{grid-template-columns:1fr}.auth-story{min-height:0;padding:28px 30px}.auth-story>div:nth-child(2){padding:32px 0 0}.auth-story .house-art,.auth-story>small{display:none}.auth-story h1{font-size:30px;white-space:normal;margin-bottom:12px}.auth-story .eyebrow{font-size:8px;margin-bottom:12px}.auth-story p{font-size:12px;max-width:none}.auth-form-wrap{padding:80px 30px 40px}.auth-back{top:28px;left:30px}.auth-form{max-width:470px}.page-heading h1{font-size:30px}.demo-banner{margin-bottom:25px}.family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{font-size:29px}}@media(max-width:560px){.topbar{height:61px;padding:0 16px}.breadcrumbs>span{display:none}.breadcrumbs{font-size:10px;gap:6px}.breadcrumbs>svg:last-of-type{display:none}.topbar-actions{gap:6px}.connection-status{padding:0}.connection-status>span:last-child{display:none}.connection-dot{height:7px;width:7px}.topbar-separator{margin:0 4px}.small-avatar{width:28px;height:28px}.notification-button{width:27px}.main-content{padding:17px 16px 0}.demo-banner{font-size:9px;padding:10px 11px;align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:24px}.demo-banner>button{font-size:9px;margin-left:22px}.page-heading{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:23px}.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:10px}.page-heading h1{font-size:30px;margin-bottom:10px}.page-heading p{font-size:11px;line-height:1.7}.page-heading>.button{min-height:39px;font-size:11px}.period-bar{gap:12px;margin-bottom:16px}.month-picker>span{min-width:118px;font-size:11px}.month-picker .icon-button{width:27px;height:27px}.period-bar>.text-button{font-size:9px}.desktop-only{display:none}.summary-grid{gap:10px;margin-bottom:19px}.summary-card{padding:15px 13px 14px;border-radius:11px}.summary-label{font-size:9px;gap:2px;margin-bottom:12px}.metric-icon{height:24px;width:24px;border-radius:7px}.metric-icon svg{width:14px;height:14px}.metric{font-size:24px;margin-bottom:11px;letter-spacing:-.9px}.metric-unit{font-size:9px;margin-left:6px}.metric-note,.metric-link{font-size:8px;line-height:1.6;min-height:14px}.welcome-banner{padding:22px 18px;min-height:204px;margin-bottom:20px}.welcome-copy h2{font-size:23px;max-width:225px}.welcome-copy p{font-size:10px;line-height:1.8;max-width:240px}.welcome-copy .text-button{font-size:9px;max-width:210px;justify-content:flex-start;text-align:left}.mini-tag{font-size:6px;letter-spacing:.7px}.house-art{position:absolute;right:-60px;bottom:-16px;transform:scale(.6);opacity:.58;transform-origin:center;z-index:1}.welcome-copy{z-index:2}.welcome-copy p{max-width:220px}.panel{border-radius:11px}.panel-heading{padding:20px 16px 17px}.panel-heading h2{font-size:14px;gap:7px}.panel-heading p{font-size:9px}.table-toolbar{padding:0 14px 15px;gap:7px}.tabs button{font-size:10px;padding:7px 10px}.search-box{max-width:103px;padding:6px 8px}.expense-table-head{display:none}.expense-row{display:grid;grid-template-columns:minmax(0,1fr) auto 9px;grid-template-rows:auto auto;gap:8px 7px;padding:16px;min-height:94px;border-top:1px solid #eef0e5;border-bottom:0}.service-cell{grid-column:1;grid-row:1;gap:10px}.service-icon{width:35px;height:35px;border-radius:9px}.service-cell strong{font-size:11px}.service-cell small{font-size:8px;max-width:175px}.due-cell{grid-column:1;grid-row:2;font-size:9px;margin-left:45px}.due-cell:before{content:"До ";color:#a0ac8c}.amount-cell{grid-column:2;grid-row:1;font-size:12px;text-align:right}.status-cell{grid-column:2;grid-row:2;text-align:right}.status{font-size:8px;padding:4px 6px}.row-chevron{grid-column:3;grid-row:1/3;align-self:center}.table-footer{padding:15px 16px;font-size:8px}.table-footer .text-button{font-size:9px}.right-column{grid-template-columns:1fr;gap:18px;margin-top:18px}.upcoming-items{display:block}.upcoming-item{padding:15px 0}.upcoming-item strong{font-size:12px}.family-card{padding:22px}.family-top{margin-bottom:15px}.family-card h3{font-size:18px}.family-card p{font-size:11px;margin-bottom:12px;white-space:normal}.family-card .text-button{font-size:11px;align-self:flex-start}.page-footer{padding:24px 0 22px;font-size:8px;gap:10px}.page-footer .text-button{font-size:8px;gap:5px}.page-footer>span{gap:5px;max-width:170px}.family-grid{grid-template-columns:1fr;gap:15px}.person-card{margin-bottom:0;padding:22px}.family-grid+.panel{margin-top:20px}.payment-row{gap:10px;padding:18px 15px}.payment-row strong{font-size:11px}.payment-row small{font-size:9px;line-height:1.7}.payment-symbol{width:32px;height:32px;border-radius:8px}.payment-right{max-width:125px}.payment-row>svg{width:12px}.panel-heading .button{font-size:9px;padding:0 10px;min-height:34px}.simple-row{padding:16px;font-size:11px;gap:10px}.simple-row>.text-button{font-size:9px}.panel-heading>.muted{display:none}.history-row{padding:18px 16px;gap:10px;flex-wrap:wrap}.history-row strong{font-size:11px}.history-row time{font-size:9px;margin-left:39px}.import-content{padding:0 16px 20px}.import-controls{flex-wrap:wrap;gap:15px}.import-controls .field{width:100%;flex:initial}.import-controls .text-button{padding:0;font-size:10px}.notice{font-size:11px;padding:11px 12px}.settings-section .panel-heading{padding:20px}.settings-section form,.settings-body{padding:0 20px 22px}.form-grid{grid-template-columns:1fr;gap:0}.field{font-size:11px;margin-bottom:16px}.field input,.field select,.field textarea{font-size:16px;padding:10px 11px;min-height:42px}.field small{font-size:10px}.modal-backdrop{padding:12px;align-items:center}.modal{padding:27px 21px;max-height:calc(100dvh - 24px);border-radius:14px}.modal h2#modal-title{font-size:23px;margin-right:22px}.modal-subtitle{font-size:11px;line-height:1.8}.modal-close{right:12px;top:14px}.modal-actions{gap:8px;flex-wrap:wrap;margin-top:20px;padding-top:20px}.modal-actions .button{font-size:10px;padding:0 12px}.wizard-steps{margin:23px 0}.wizard-steps>span{font-size:10px;gap:6px}.wizard-steps b{height:21px;width:21px;font-size:9px}.detail-grid{padding:17px;gap:18px}.detail-grid strong{font-size:11px}.detail-grid small{font-size:9px}.detail-amount>strong{font-size:31px}.detail-amount .status{font-size:9px}.detail-title{gap:12px;flex-wrap:wrap}.detail-title .service-icon{height:43px;width:43px}.detail-title .modal-subtitle{width:100%;margin-top:-13px;margin-left:55px}.detail-actions .button{font-size:10px;padding:0 12px}.toast{font-size:11px;padding:12px 14px;min-width:0;width:max-content;max-width:calc(100vw - 24px);gap:8px}.toast>.icon-button{width:22px;height:22px}.toast>svg{width:16px;flex-shrink:0}.auth-story{padding:25px}.auth-story .brand{font-size:27px}.auth-story>div:nth-child(2){padding-top:28px}.auth-story h1{font-size:28px}.auth-story p{margin-bottom:0;font-size:11px}.auth-form-wrap{padding:75px 25px 35px}.auth-back{left:25px;top:28px}.auth-form h2{font-size:27px}.auth-form .field input{font-size:16px}.draft-actions .button{font-size:10px}.draft-actions{gap:12px}.draft-card{padding:14px}.draft-card strong{font-size:11px}.draft-banner{font-size:10px;padding:11px}.empty-state{padding:37px 20px}.empty-state h3{font-size:15px}.empty-state p{font-size:11px}}.sidebar{overflow-y:auto;overflow-x:hidden}.sidebar>.brand,.sidebar>.household-switch{flex-shrink:0}.automatic-backup-status{display:block}.automatic-backup-status p{margin:10px 0}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.csv-duplicate-choice{display:flex;align-items:center;gap:7px;font-size:10px;color:#9c8150;max-width:130px}.csv-duplicate-choice input{accent-color:#335cff}.recovery-codes{padding:20px;background:#f1f4e6;border:1px solid #dae4c8;border-radius:9px;line-height:2;letter-spacing:2px;text-align:center;font-size:14px;color:#647d48}.match-suggestions{padding:18px;border:1px solid #e1e6cf;background:#f7f9ef;border-radius:10px;margin-bottom:25px}.match-suggestions h3{font-size:13px;margin-bottom:8px}.match-suggestions>p{font-size:10px;line-height:1.7;color:#96a281;margin-bottom:12px}.match-candidate{display:flex;align-items:center;gap:10px;border:1px solid #e3e9d6;border-radius:7px;padding:12px;margin-top:8px;text-align:left;width:100%;background:#fffefb}.match-candidate.selected{border-color:#99b77b;background:#f1f6e7}.match-candidate>span{flex:1}.match-candidate strong{font-size:11px;display:block}.match-candidate small{font-size:9px;color:#94a47c;display:block;line-height:1.7;margin-top:5px}.match-candidate>b{font-size:11px;color:#829c61}.recovery-login{font-size:11px;color:#8b9f70;margin:0 0 18px}.recovery-login summary{cursor:pointer;margin-bottom:12px}.trust-choice{align-items:flex-start;margin-top:22px;padding-top:20px;border-top:1px solid #e4ead7}.trust-choice>input{margin-top:3px}.trust-choice strong{display:block;font-size:11px}.trust-choice small{display:block;font-size:10px;line-height:1.8;color:#91a079;margin-top:8px}.restricted-service{padding-bottom:16px;border-bottom:1px solid #e8edde}.restricted-service:last-child{border-bottom:0}.restricted-service>.simple-row{border-bottom:0}.restricted-period{padding:8px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;color:#8b9b75}.restricted-period .status{font-size:9px}@media(max-width:560px){.restricted-period{padding:8px 16px;font-size:10px;flex-wrap:wrap}}.shell-update{position:fixed;bottom:18px;right:20px;z-index:95;display:flex;align-items:center;gap:10px;padding:13px 15px;background:#fffefb;border:1px solid #d7e0c5;border-radius:10px;box-shadow:0 8px 30px #21342415;font-size:11px;max-width:calc(100vw - 32px);color:#758b5e}.shell-update>button:not(.icon-button){color:#335cff;font-size:11px;font-weight:600;white-space:nowrap}button.summary-card{text-align:left;transition:border-color .15s,box-shadow .15s}button.summary-card:hover{border-color:var(--green);box-shadow:0 3px 12px #17211d0c}.theme-options{border:0;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:12px}.theme-options legend{margin-bottom:14px;font-size:12px}.theme-choice{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px;cursor:pointer;flex:1;min-width:160px}.theme-choice:has(input:checked){border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.theme-choice input{accent-color:var(--green)}.theme-swatch{width:23px;height:23px;margin-left:auto;border:1px solid #819187;border-radius:50%}.theme-swatch.light{background:linear-gradient(90deg,#f6f3ec 50%,#fffefb 50%)}.theme-swatch.dark{background:linear-gradient(90deg,#10291f 50%,#1c3b2e 50%)}:root[data-theme=dark]{color-scheme:dark;--canvas: #10231b;--paper: #183127;--ink: #e5eee8;--muted: #a2b6aa;--line: #335045;--border: var(--line);--blue: #92cfad;--green: #92cfad;--accent: #92cfad;--dark: #0d2018;--surface-raised: #203e31;--surface-hover: #284c3c;background:var(--canvas);color:var(--ink)}:root[data-theme=dark] body{background:var(--canvas);color:var(--ink)}:root[data-theme=dark] :is(.panel,.summary-card,.modal,.month-picker,.obligation-icon-picker,.obligation-icon-close,.obligation-icon-footer button,.obligation-icon-trigger,.shell-update,.match-candidate){background:var(--paper);color:var(--ink);border-color:var(--line)}:root[data-theme=dark] :is(.topbar,.expense-table-head,.field input[readonly],.obligation-icon-search){background:var(--canvas);border-color:var(--line)}:root[data-theme=dark] :is(.workspace,.auth-form-wrap){background:var(--canvas)}:root[data-theme=dark] :is(.summary-card.attention,.detail-grid,.date-tile,.service-icon,.soft-icon,.payment-symbol,.history-dot,.badge-soft,.count-pill,.family-card,.notice,.draft-banner,.upload-zone,.upload-icon,.large-icon,.wizard-steps b,.recovery-codes,.match-suggestions,.payment-currency-note,.beneficiary-options label){background:var(--surface-raised);border-color:var(--line);color:var(--muted)}:root[data-theme=dark] :is(.expense-row:hover,.payment-row:hover,.upcoming-item:hover,.icon-button:hover,.tabs button:hover,.obligation-icon-choice:hover,.upload-zone:hover){background:var(--surface-hover);color:var(--ink)}:root[data-theme=dark] :is(.button.secondary,.field input,.field select,.field textarea,.family-person-access select){background:var(--canvas);color:var(--ink);border-color:var(--line)}:root[data-theme=dark] .button.primary{background:#91d0ab;color:#10291f;box-shadow:none}:root[data-theme=dark] .button.primary:hover{background:#b0e2c5}:root[data-theme=dark] .button.secondary:hover{background:var(--surface-hover)}:root[data-theme=dark] :is(.text-button,.metric-link,.shell-update>button:not(.icon-button),.obligation-icon-footer button,.family-group-toggle){color:#a6dabd}:root[data-theme=dark] :is(.breadcrumbs strong,.empty-state h3,.family-card h3,.field,.checkbox-row,.obligation-icon-choice,.obligation-icon-tabs button,.search-box input){color:var(--ink)}:root[data-theme=dark] :is(.summary-label,.metric-note,.metric-unit,.breadcrumbs,.connection-status,.icon-button,.page-heading p,.panel-heading p,.service-cell small,.due-cell,.amount-cell small,.table-footer,.side-description,.upcoming-item small,.page-footer,.simple-row small,.payment-row small,.history-row small,.history-row time,.field small,.modal-subtitle,.detail-grid small,.draft-card small,.draft-card details,.help-step p,.family-card p,.person-card p,.empty-state,.all-paid p,.chart-month,.chart-legend,.product-tabs button,.obligation-beneficiaries,.obligation-icon-help,.obligation-icon-search input,.obligation-icon-search,.restricted-period,.lease-controls,.auth-form>p,.obligation-icon-tabs button,.obligation-icon-empty){color:var(--muted)}:root[data-theme=dark] :is(.tabs button.selected,.product-tabs button[aria-selected=true],.obligation-icon-tabs button[aria-selected=true],.obligation-icon-choice.is-selected,.match-candidate.selected){background:#2b5140;color:#c5edd5;border-color:#7aba94}:root[data-theme=dark] :is(.expense-row,.payment-row,.simple-row,.history-row,.panel-heading,.table-footer,.tabs,.modal-actions,.person-services button,.family-group-toggle,.detail-actions,.settings-section,.price-history-chart,.price-history-table td,.price-history-table th,.chart-data td,.chart-data th,.draft-card,.obligation-icon-header,.obligation-icon-tabs,.obligation-icon-footer,.form-divider,.family-person-edit,.restricted-service,.search-box,.obligation-icon-choice,.upload-zone,.page-footer){border-color:var(--line)}:root[data-theme=dark] .form-divider{background:var(--line)}:root[data-theme=dark] :is(.chart-data,.expense-table-head,.family-role-label){color:var(--muted)}:root[data-theme=dark] .upcoming-item{border-color:var(--line)}:root[data-theme=dark] .chart-track{background-image:linear-gradient(to top,var(--line) 1px,transparent 1px)}:root[data-theme=dark] .metric-icon.blue{background:#263d50;color:#adcbec}:root[data-theme=dark] .metric-icon.mint{background:#264b37;color:#b1dfba}:root[data-theme=dark] .metric-icon.yellow{background:#49452a;color:#ead597}:root[data-theme=dark] .metric-icon.coral{background:#50392f;color:#e7b59b}:root[data-theme=dark] .status.green{background:#284937;color:#b0dab5}:root[data-theme=dark] .status.red{background:#50382e;color:#efba9f}:root[data-theme=dark] .status.amber{background:#49442b;color:#e9d598}:root[data-theme=dark] .status.neutral{background:#344538;color:#c6d1b5}:root[data-theme=dark] .notice.danger{background:#4b302c;color:#fac7b9;border-color:#765047}:root[data-theme=dark] .danger-text{color:#fac7b9!important}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:#90a699}:root[data-theme=dark] :is(button,a,input,select,textarea):focus-visible{outline-color:#9dddba}:root[data-theme=dark] ::selection{background:#406d54;color:#fff}:root[data-theme=dark] .modal-backdrop,:root[data-theme=dark] .family-email-backdrop,:root[data-theme=dark] .obligation-icon-overlay{background:#06140dcc}