:root{color:#f4f5f7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary:#00c896;--color-primary-dark:#00a97f;--color-primary-soft:#00c89624;--color-text:#f4f5f7;--color-muted:#9aa5b3;--color-border:#303743;--color-surface:#1b1f27;--color-surface-elevated:#232833;--color-background:#0b1118;--color-income:#2eeea6;--color-expense:#f87171;--color-warning:#fbbf24;--color-focus:#10b98159;--color-overlay:#111318e0;--radius-card:14px;--radius-control:9px;--shadow-card:0 14px 35px #0000002e;--shadow-raised:0 22px 55px #00000040;--space-page:42px;--transition-fast:.16s ease;background:#111318;font-family:Avenir Next,Trebuchet MS,sans-serif}*{box-sizing:border-box}html{background:var(--color-background);min-width:320px;min-height:100%;overflow-x:clip}body{min-width:320px;min-height:100vh;margin:0;overflow-x:clip}body,button,input{font-family:inherit}button,input{font-size:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,input:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}a{color:inherit}h1,h2,h3,p{margin-top:0}::selection{color:#fff;background:#10b9814d}button,input{-webkit-tap-highlight-color:transparent}#root,.app-shell{min-height:100vh}.sidebar{z-index:5;background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;width:250px;padding:28px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 8px;text-decoration:none;display:flex}.brand-mark{background:var(--color-primary);color:#fff;letter-spacing:-.8px;border-radius:13px;flex:none;place-items:center;width:43px;height:43px;font-size:15px;font-weight:800;display:grid}.brand-copy{gap:3px;display:grid}.brand-copy strong{color:var(--color-text);font-size:15px}.brand-copy small,.family-card small{color:var(--color-muted);font-size:12px}.nav-heading{color:#98a49e;letter-spacing:1.1px;margin:42px 10px 13px;font-size:10px;font-weight:800}.side-nav{gap:6px;display:grid}.nav-item{color:#6d7b74;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;min-height:45px;padding:0 13px;font-size:13px;transition:background .16s,color .16s;display:flex}.nav-item:hover{color:var(--color-primary);background:#f5f8f6}.nav-item.active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:700}.nav-icon{flex:0 0 20px;place-items:center;width:20px;font-size:19px;display:grid}.sidebar-bottom{gap:5px;margin-top:auto;display:grid}.family-card{border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:11px;margin-bottom:12px;padding:14px 10px;display:flex}.family-icon{width:36px;height:36px;color:var(--color-primary);background:#f0f4f1;border-radius:10px;flex:none;place-items:center;font-size:23px;display:grid}.family-card div{gap:4px;min-width:0;display:grid}.family-card strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.utility-item{min-height:39px;font-size:12px}.main-column{min-height:100vh;margin-left:250px}.topbar{z-index:4;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:0 42px;display:flex;position:sticky;top:0}.topbar-label{color:#64756c;align-items:center;gap:9px;font-size:12px;display:flex}.connection-dot{background:#46a879;border-radius:50%;width:8px;height:8px}.user-chip{align-items:center;gap:10px;min-width:0;display:flex}.avatar{width:34px;height:34px;color:var(--color-primary);background:#e3f0e9;border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.user-email{color:#55645c;text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:12px;overflow:hidden}.page-content{width:100%;max-width:1440px;margin:0 auto;padding:38px 42px 24px}.page-heading{justify-content:space-between;align-items:center;gap:20px;min-width:0;margin-bottom:29px;display:flex}.eyebrow{color:var(--color-muted);letter-spacing:.3px;text-transform:capitalize;margin-bottom:8px;font-size:11px;font-weight:600}.page-heading h1,.login-card h1{color:#243b31;letter-spacing:-1.1px;margin-bottom:9px;font-size:clamp(25px,2.5vw,31px);font-weight:750;line-height:1.2}.page-description{color:var(--color-muted);margin-bottom:0;font-size:13px;line-height:1.6}.page-heading>div:first-child{min-width:0}.primary-button,.secondary-button{border-radius:var(--radius-control);justify-content:center;align-items:center;gap:8px;min-height:41px;padding:0 15px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.primary-button{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff}.primary-button:hover{background:var(--color-primary-dark)}.secondary-button{color:#52645a;background:#fff;border:1px solid #dfe7e2}.secondary-button:hover{background:#f9fbf9;border-color:#b6cbbf}.text-button{color:var(--color-primary);background:0 0;border:0;padding:8px 0;font-size:12px;font-weight:700}.status-message{overflow-wrap:anywhere;color:#286749;background:#f0f8f3;border:1px solid #dcebe1;border-radius:10px;padding:12px 14px;font-size:12px;line-height:1.6}.dashboard-message{margin:-10px 0 22px}.welcome-card{border-radius:var(--radius-card);color:#fff;background:linear-gradient(115deg,#155c47 0%,#20765a 65%,#328468 100%);justify-content:space-between;align-items:center;min-height:184px;padding:30px 34px;display:flex;position:relative;overflow:hidden}.welcome-copy{z-index:1;max-width:470px;position:relative}.welcome-label{color:#c6e4d5;letter-spacing:1.2px;margin-bottom:14px;font-size:10px;font-weight:800;display:inline-block}.welcome-copy h2{color:#fff;letter-spacing:-.8px;margin-bottom:10px;font-size:clamp(23px,2.5vw,29px);font-weight:750}.welcome-copy p{color:#e0f0e8;max-width:410px;margin-bottom:0;font-size:13px;line-height:1.7}.welcome-decoration{color:#ffffff4d;background:#ffffff14;border:1px solid #ffffff40;border-radius:36px;flex:none;place-items:center;width:130px;height:130px;margin-right:15px;font-size:43px;font-weight:800;display:grid;transform:rotate(-8deg)}.section-block{margin-top:32px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px;display:flex}.section-heading h2{color:#293b32;letter-spacing:-.3px;margin-bottom:6px;font-size:16px;font-weight:750}.section-heading p{color:var(--color-muted);margin-bottom:0;font-size:12px;line-height:1.6}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.summary-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-card);padding:19px 18px 17px}.summary-card-top{align-items:center;gap:9px;display:flex}.metric-icon{border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.metric-label{color:#697970;font-size:11px;line-height:1.4}.metric-value{color:#283c31;letter-spacing:-.9px;margin:21px 0 8px;font-size:27px;font-weight:750}.metric-footnote{color:#9aa59f;margin-bottom:0;font-size:10px;line-height:1.5}.summary-state{overflow-wrap:anywhere;font-size:20px}.summary-error{color:#9b4538;min-height:50px;margin:16px 0 8px;font-size:12px;line-height:1.6}.summary-retry{margin-top:4px}.pending-value{color:#87948c;letter-spacing:-.3px;font-size:19px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.module-card{border:1px solid var(--color-border);min-width:0;min-height:93px;color:inherit;text-align:left;background:#fff;border-radius:13px;align-items:center;gap:13px;padding:16px;transition:border-color .15s,transform .15s;display:flex}.module-card:hover{border-color:#c6dbce;transform:translateY(-1px)}.module-icon{background:var(--color-primary-soft);width:41px;height:41px;color:var(--color-primary);border-radius:12px;flex:none;place-items:center;font-size:21px;display:grid}.module-card-copy{flex:1;gap:5px;min-width:0;display:grid}.module-card-copy strong{color:#314238;font-size:12px}.module-card-copy small{color:var(--color-muted);font-size:11px;line-height:1.5}.module-arrow{color:#91a198;font-size:18px}.household-section{margin-bottom:12px}.household-list{border:1px solid var(--color-border);background:#fff;border-radius:13px;overflow:hidden}.household-row{align-items:center;gap:13px;padding:16px;display:flex}.household-symbol{width:39px;height:39px;color:var(--color-primary);background:#f0f5f1;border-radius:11px;flex:none;place-items:center;font-size:22px;display:grid}.household-row>div{flex:1;gap:4px;min-width:0;display:grid}.household-row strong{overflow-wrap:anywhere;color:#34443a;font-size:12px}.household-row small{color:var(--color-muted);font-size:11px}.household-status{color:var(--color-income);font-size:11px;font-weight:700}.empty-state{text-align:center;background:#ffffffa6;border:1px dashed #d9e4dd;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:210px;padding:25px 20px;display:flex}.empty-state-icon{background:var(--color-primary-soft);width:45px;height:45px;color:var(--color-primary);border-radius:14px;place-items:center;margin-bottom:13px;font-size:25px;display:grid}.empty-state strong{color:#34453b;margin-bottom:8px;font-size:13px}.empty-state p{max-width:390px;color:var(--color-muted);margin-bottom:17px;font-size:12px;line-height:1.7}.app-footer{border-top:1px solid var(--color-border);color:#9aa59f;justify-content:space-between;gap:15px;margin-top:36px;padding:18px 0 4px;font-size:11px;display:flex}.module-page-card{border:1px solid var(--color-border);border-radius:var(--radius-card);text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:390px;padding:35px 22px;display:flex}.large-module-icon{width:54px;height:54px;margin-bottom:18px;font-size:27px}.module-page-card>h2{color:#293b32;margin-bottom:8px;font-size:22px}.module-page-card>p{color:var(--color-muted);margin-bottom:24px;font-size:13px}.compact-empty-state{width:100%;max-width:570px;margin-bottom:20px}.accounts-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);align-items:start;gap:18px;display:grid}.accounts-panel{border:1px solid var(--color-border);border-radius:var(--radius-card);min-width:0;box-shadow:var(--shadow-card);background:#fff;padding:22px}.accounts-panel .section-heading{margin-bottom:18px}.accounts-panel .section-heading h2{font-size:16px}.accounts-error{color:#9b4538;background:#fff5f3;border-color:#f1d5d0;margin-bottom:14px}.accounts-success{margin-bottom:14px}.accounts-state{color:var(--color-muted);text-align:center;padding:32px 12px;font-size:13px}.accounts-empty{min-height:230px}.accounts-list{margin:0;padding:0;list-style:none}.account-row{border-top:1px solid #eef1ef;align-items:center;gap:13px;padding:14px 0;display:flex}.account-copy{flex:1;gap:5px;min-width:0;display:grid}.account-copy strong{overflow-wrap:anywhere;color:#34443a;font-size:13px}.account-copy small,.field-help{color:var(--color-muted);font-size:11px}.account-balance{color:#293b32;white-space:nowrap;font-size:13px}.account-form{gap:9px;display:grid}.account-form label{color:#43534a;margin-top:7px;font-size:12px;font-weight:700}.account-form input,.account-form select{border-radius:var(--radius-control);width:100%;min-height:43px;color:var(--color-text);background:#fff;border:1px solid #dfe7e2;padding:0 12px;font-size:13px}.account-form input:focus,.account-form select:focus{border-color:var(--color-primary);outline:3px solid #176b521a}.money-input-wrap{border-radius:var(--radius-control);min-height:43px;color:var(--color-muted);border:1px solid #dfe7e2;align-items:center;padding-left:12px;display:flex}.money-input-wrap:focus-within{border-color:var(--color-primary);outline:3px solid #176b521a}.money-input-wrap input{border:0;outline:0;min-height:41px}.field-help{margin-top:-4px;line-height:1.5}.account-submit{width:100%;margin-top:12px}.login-page{background:radial-gradient(ellipse at top left, #e4f2e9 0%, transparent 42%), var(--color-background);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--color-border);background:#fff;border-radius:20px;width:100%;max-width:420px;padding:38px;box-shadow:0 15px 50px #213f2f12}.login-card>.brand-mark{margin-bottom:24px}.login-card .eyebrow{color:var(--color-primary);letter-spacing:1.2px;margin-bottom:9px;font-size:10px}.login-card h1{font-size:30px}.login-description{color:var(--color-muted);margin-bottom:27px;font-size:13px;line-height:1.7}.login-form{gap:9px;display:grid}.login-form label{color:#43534a;margin-top:5px;font-size:12px;font-weight:700}.login-form input{border-radius:var(--radius-control);width:100%;min-height:45px;color:var(--color-text);background:#fff;border:1px solid #dfe7e2;padding:0 13px;font-size:13px}.login-form input::placeholder{color:#a3aea7}.login-form input:focus{border-color:var(--color-primary);outline:3px solid #176b521a}.login-button{width:100%;min-height:46px;margin-top:12px}.login-card>.status-message{margin-top:17px}.login-footer{color:#98a39d;text-align:center;margin:25px 0 0;font-size:11px}.auth-mode-title{color:#293b32;margin:-8px 0 16px;font-size:17px}.auth-message,.auth-error{margin-top:14px}.auth-error{color:#9b4538;background:#fff5f3;border-color:#f1d5d0}.auth-links{flex-wrap:wrap;justify-content:space-between;gap:8px 14px;margin-top:15px;display:flex}.auth-links .text-button{text-align:left}.family-gate{background:var(--color-background);min-height:100vh;padding:24px}.family-gate-header{justify-content:space-between;align-items:center;gap:14px;max-width:1200px;margin:0 auto 28px;display:flex}.family-gate-header>div{color:#293b32;align-items:center;gap:12px;display:flex}.family-gate-content{max-width:960px;margin:0 auto}.family-gate-content>h1{color:#293b32;margin-bottom:8px;font-size:clamp(25px,4vw,34px)}.family-gate-content>.page-description{margin-bottom:22px}.family-access-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.family-access-layout>.family-feedback{grid-column:1/-1;margin:0}.family-access-layout>.profile-panel{grid-column:1}.family-access-layout>.create-family-panel{grid-column:2}.family-search-panel,.family-access-layout>.accounts-panel:last-child{grid-column:1/-1}.family-search-form{margin-bottom:16px}.family-search-row{gap:9px;display:flex}.family-search-row .secondary-button{flex:none}.family-search-results,.family-request-list{margin:0;padding:0;list-style:none}.family-search-results{gap:8px;display:grid}.family-result{border:1px solid var(--color-border);text-align:left;background:#fff;border-radius:11px;gap:5px;width:100%;padding:13px 14px;display:grid}.family-result:hover,.family-result.selected{background:#f4faf6;border-color:#9cc3ad}.family-result strong{color:#34443a;font-size:13px}.family-result small,.family-admin-caption{color:#8b9891;margin:0;font-size:11px}.family-confirm{background:#f7fbf8;border:1px solid #dcebe1;border-radius:12px;margin-top:16px;padding:15px}.family-confirm>p:first-child{color:#34443a;margin-bottom:6px;font-size:13px}.family-actions{flex-wrap:wrap;gap:8px;display:flex}.family-confirm .family-actions{justify-content:flex-end;margin-top:13px}.family-request-list li{border-top:1px solid #eef1ef;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;display:flex}.family-request-list li>div:first-child{gap:5px;display:grid}.family-request-list strong{color:#34443a;font-size:13px}.family-request-list small{color:var(--color-muted);font-size:11px}.family-invitations{border-top:1px solid var(--color-border);margin-top:18px;padding-top:16px}.family-invitations .module-page-card{min-height:0;box-shadow:none;border:0;padding:10px 0}.household-controls{align-items:end;gap:10px;display:flex}.household-select-label{color:var(--color-muted);gap:5px;font-size:10px;display:grid}.household-select-label select{border-radius:var(--radius-control);width:220px;max-width:100%;min-height:41px;color:var(--color-text);background:#fff;border:1px solid #dfe7e2;padding:0 10px}.mobile-nav{display:none}@media (width<=1200px){.page-content,.topbar{padding-left:27px;padding-right:27px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.sidebar{display:none}.main-column{margin-left:0;padding-bottom:92px}.topbar{min-height:61px;padding:0 18px;position:static}.topbar-label{font-size:11px}.user-email{max-width:155px;font-size:11px}.page-content{padding:27px 17px 20px}.page-heading{flex-direction:column;align-items:stretch;margin-bottom:22px}.page-heading h1{font-size:26px}.household-controls{flex-direction:column;align-items:stretch;gap:8px;width:100%}.household-select-label,.household-select-label select,.household-controls>.secondary-button{width:100%;max-width:none}.household-controls>.secondary-button{min-width:0;padding:0 14px;font-size:11px}.section-heading{flex-wrap:wrap;width:100%}.section-heading>*{min-width:0}.welcome-card{min-height:170px;padding:25px 22px}.welcome-copy{max-width:100%}.welcome-copy h2{font-size:24px}.welcome-copy p{max-width:290px;font-size:12px}.welcome-decoration{opacity:.55;width:115px;height:115px;margin:0;font-size:35px;position:absolute;bottom:-34px;right:-37px}.section-block{margin-top:26px}.section-heading{align-items:flex-start}.summary-grid{gap:10px}.summary-card{border-radius:13px;padding:14px}.metric-icon{width:31px;height:31px}.metric-label{font-size:10px}.metric-value{margin-top:17px;font-size:24px}.metric-footnote{font-size:10px}.summary-state,.pending-value{font-size:17px}.module-grid{grid-template-columns:1fr;gap:9px}.module-card{min-height:79px;padding:13px}.app-footer{margin-top:28px;font-size:10px}.mobile-nav{z-index:10;overscroll-behavior-x:contain;scrollbar-width:none;padding:8px 4px max(8px, env(safe-area-inset-bottom));border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;justify-content:flex-start;display:flex;position:fixed;inset:auto 0 0;overflow-x:auto;box-shadow:0 -5px 20px #1d39290a}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav-item{color:#87948c;scroll-snap-align:start;background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:74px;min-width:74px;min-height:56px;padding:4px 1px;display:flex}.mobile-nav-item>span{place-items:center;width:28px;height:24px;font-size:19px;line-height:1.2;display:grid}.mobile-nav-item small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:650;overflow:hidden}.mobile-nav-item.active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:800}.module-page-card{min-height:350px;padding:25px 16px}.accounts-layout{grid-template-columns:1fr}.accounts-panel{padding:17px}.family-gate-header,.family-actions{flex-direction:column;align-items:stretch}.family-gate-header .secondary-button{width:100%}}.debt-layout,.reminder-layout{align-items:start}.debt-toolbar,.debt-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.debt-toolbar select{border-radius:var(--radius-control);min-height:40px;color:var(--color-text);background:#fff;border:1px solid #dfe7e2;padding:0 10px}.debt-row,.reminder-row{flex-wrap:wrap;align-items:flex-start}.debt-copy{flex:1;min-width:180px}.debt-copy small{margin-top:4px;display:block}.debt-actions{justify-content:flex-end}.debt-status{color:#53645b;white-space:nowrap;background:#eef3f0;border-radius:99px;align-items:center;min-height:25px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.debt-status-overdue{color:#a53e2a;background:#fff0ec}.debt-status-paid,.debt-status-completed{color:#176b52;background:#eaf5ee}.debt-payment-form{border-top:1px solid #eef1ef;flex-basis:100%;margin-top:14px;padding-top:14px}.debt-payment-form>strong{color:#34443a;font-size:13px}.debt-payment-form .debt-toolbar{margin-top:8px}@media (width<=760px){.debt-toolbar{width:100%}.debt-toolbar select{flex:1;min-width:120px}.debt-actions{justify-content:flex-start;width:100%}.debt-payment-form{min-width:100%}}@media (width<=380px){.page-content,.topbar{padding-left:12px;padding-right:12px}.user-email{max-width:120px}.summary-grid{gap:8px}.summary-card{padding:11px}.metric-value{font-size:22px}.welcome-card{padding:22px 17px}.login-card{padding:27px 22px}.family-gate{padding:16px}.family-access-layout{grid-template-columns:1fr}.family-access-layout>.family-feedback,.family-access-layout>.profile-panel,.family-access-layout>.create-family-panel,.family-search-panel,.family-access-layout>.accounts-panel:last-child{grid-column:1}.family-request-list li{flex-direction:column;align-items:flex-start}.household-controls{gap:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.receivables-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr)}.receivable-list{gap:13px;margin:0;padding:0;list-style:none;display:grid}.receivable-card{background:#fff;border:1px solid #e8eee9;border-radius:13px;min-width:0;padding:16px}.receivable-card-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.receivable-copy{gap:4px;min-width:0;display:grid}.receivable-copy strong{overflow-wrap:anywhere;color:#293b32;font-size:14px}.receivable-copy span{color:var(--color-muted);font-size:12px}.receivable-status{border-radius:999px;flex:none;padding:5px 8px;font-size:10px;font-weight:800}.status-pending{color:#52665a;background:#eef3f0}.status-paid{color:#23654d;background:#e4f4ec}.status-overdue{color:#a34638;background:#fff0ed}.receivable-amounts{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:17px 0 0;display:grid}.receivable-amounts>div{gap:4px;display:grid}.receivable-amounts dt{color:var(--color-muted);font-size:10px}.receivable-amounts dd{color:#34443a;overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:750}.receivable-amounts>div:nth-child(3) dd{color:var(--color-primary)}.receivable-notes{color:var(--color-muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:13px 0 0;font-size:12px;line-height:1.55}.receivable-pay-button{margin-top:14px}.receivable-payment-history{color:#52665a;border-top:1px solid #eef1ef;margin-top:13px;padding-top:12px;font-size:11px}.receivable-payment-history summary{cursor:pointer;font-weight:700}.receivable-payment-history ul{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.receivable-payment-history li{color:var(--color-muted);justify-content:space-between;gap:10px;display:flex}.receivable-payment-history li strong{color:#34443a;white-space:nowrap}.receivable-payment-form{border-top:1px solid #eef1ef;margin-top:14px;padding-top:14px}.receivable-payment-form>strong{color:#34443a;font-size:12px}.receivable-payment-form input{border-radius:var(--radius-control);width:100%;min-height:43px;color:var(--color-text);background:#fff;border:1px solid #dfe7e2;padding:0 12px;font-size:13px}.receivable-payment-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.account-form textarea{border-radius:var(--radius-control);width:100%;min-height:80px;color:var(--color-text);font:inherit;resize:vertical;background:#fff;border:1px solid #dfe7e2;padding:10px 12px;font-size:13px}.account-form textarea:focus,.receivable-payment-form input:focus{border-color:var(--color-primary);outline:3px solid #176b521a}@media (width<=760px){.receivables-layout{grid-template-columns:1fr}}@media (width<=420px){.receivable-card{padding:13px}.receivable-card-heading{flex-direction:column}.receivable-status{align-self:flex-start}.receivable-payment-history li{flex-direction:column;align-items:flex-start;gap:3px}}.transaction-filters{flex-wrap:wrap;gap:12px;margin:4px 0 16px;display:flex}.transaction-filters label{color:var(--color-muted);gap:5px;font-size:11px;font-weight:700;display:grid}.transaction-filters select{border-radius:var(--radius-control);min-width:145px;min-height:38px;color:var(--color-text);background:#fff;border:1px solid #dfe7e2;padding:0 10px}.transaction-row{align-items:center}.transaction-row .account-copy small{overflow-wrap:anywhere}.transaction-row .account-balance{white-space:nowrap}.transactions-layout .account-form textarea{border-radius:var(--radius-control);width:100%;min-height:80px;color:var(--color-text);font:inherit;resize:vertical;border:1px solid #dfe7e2;padding:10px 12px}@media (width<=640px){.transaction-filters{grid-template-columns:1fr 1fr;display:grid}.transaction-filters select{width:100%;min-width:0}.transaction-row{flex-wrap:wrap;align-items:flex-start}.transaction-row .account-balance{margin-left:43px}}.brand-symbol{flex:none;width:32px;height:32px;display:block}.family-gate-header .brand-symbol{width:39px;height:39px}.auth-logo{object-fit:contain;width:230px;height:150px;margin:-14px auto 4px;display:block}.auth-logo-compact{width:190px;height:122px}.invitation-logo{object-fit:contain;width:190px;height:132px;margin:-14px auto 4px;display:block}.welcome-decoration img{width:72px;height:72px;display:block}.nav-icon svg,.module-icon svg,.metric-icon svg,.family-icon svg,.household-symbol svg,.empty-state-icon svg,.module-arrow svg,.primary-button svg,.secondary-button svg{display:block}.page-description,.section-heading p,.login-description,.module-page-card>p{font-size:13px}.metric-label{font-size:12px;font-weight:650}.metric-value{font-variant-numeric:tabular-nums;letter-spacing:-.5px;font-size:29px}.metric-footnote,.account-copy small,.field-help,.module-card-copy small,.household-row small,.receivable-copy span,.receivable-notes{font-size:11px;line-height:1.55}.account-form label,.login-form label,.transaction-filters label,.household-select-label{letter-spacing:.01em;font-size:11px}.summary-grid{gap:14px}.summary-card{min-height:157px}.summary-card:first-child .metric-value{font-size:36px}.accounts-panel,.module-page-card,.login-card,.invitation-card{box-shadow:0 18px 42px #0003}.account-form input,.account-form select,.account-form textarea,.login-form input,.household-select-label select,.debt-toolbar select,.transaction-filters select,.receivable-payment-form input{min-height:45px}.account-form textarea{min-height:92px}.summary-card:first-child{background:#1f2a2b;border-color:#10b9814d}.summary-card:first-child .metric-value{color:#ecfdf5;font-size:34px}.summary-card:first-child .metric-icon{width:38px;height:38px}.invitation-page{background:var(--color-background);place-items:center;min-height:100vh;padding:24px;display:grid}.invitation-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);width:min(100%,520px);box-shadow:var(--shadow-raised);text-align:center;flex-direction:column;align-items:center;padding:42px 34px;display:flex}.invitation-brand{margin-bottom:24px}.invitation-card .large-module-icon{margin-bottom:20px}.invitation-card h1{color:var(--color-text);margin-bottom:7px;font-size:28px}.invitation-card h2{color:#cbd5e1;margin-bottom:20px;font-size:17px}.invitation-status,.invitation-error{max-width:360px;color:var(--color-muted);font-size:13px;line-height:1.65}.invitation-error{color:#fca5a5}.space-management-panel{grid-column:1/-1}.space-action-row{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-elevated);justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.space-action-row>div{gap:5px;min-width:0;display:grid}.space-action-row strong{color:var(--color-text);font-size:13px}.space-action-row small{color:var(--color-muted);font-size:12px;line-height:1.5}.space-action-danger{background:#f8717112;border-color:#f8717147}.space-action-note{background:#fbbf2412;border-color:#fbbf2447}.danger-button{border-radius:var(--radius-control);color:#fca5a5;min-height:41px;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:#f8717121;border:1px solid #f871718c;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:12px;font-weight:750;display:inline-flex}.danger-button:hover{color:#2b1014;background:#f87171;border-color:#f87171}.confirm-dialog-backdrop{z-index:30;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000000ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);width:min(100%,460px);box-shadow:var(--shadow-raised);padding:25px}.confirm-dialog-icon{background:var(--color-primary-soft);width:40px;height:40px;color:var(--color-primary);border-radius:12px;place-items:center;margin-bottom:17px;display:grid}.confirm-dialog-danger{color:#f87171;background:#f8717121}.confirm-dialog h2{color:var(--color-text);margin-bottom:9px;font-size:18px}.confirm-dialog p{color:var(--color-muted);margin-bottom:21px;font-size:13px;line-height:1.65}.confirm-dialog-actions{justify-content:flex-end;gap:9px;display:flex}@media (width<=760px){.space-action-row{flex-direction:column;align-items:stretch}.space-action-row .danger-button,.space-action-row .secondary-button{width:100%}.confirm-dialog-actions{flex-direction:column-reverse}.confirm-dialog-actions .danger-button,.confirm-dialog-actions .primary-button,.confirm-dialog-actions .secondary-button{width:100%}.summary-card:first-child .metric-value{font-size:30px}.invitation-card{padding:34px 22px}.auth-logo{width:210px;height:134px}}body{background:var(--color-background)}.sidebar{border-right-color:var(--color-border);background:#15181f;box-shadow:12px 0 35px #0000001f}.brand-mark{background:var(--color-primary);color:#07130f;box-shadow:0 8px 20px #10b9812e}.brand-copy strong,.family-card strong,.page-heading h1,.login-card h1,.section-heading h2,.module-page-card>h2,.auth-mode-title,.family-gate-content>h1{color:var(--color-text)}.brand-copy small,.family-card small,.page-description,.section-heading p,.login-description,.module-page-card>p,.metric-footnote,.field-help{color:var(--color-muted)}.nav-heading,.eyebrow{color:#718091}.nav-item{color:#8d98a8;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast)}.nav-item:hover{color:var(--color-text);background:#ffffff0d;transform:translate(2px)}.nav-item.active{background:var(--color-primary-soft);color:var(--color-primary)}.family-card,.household-list,.module-page-card,.accounts-panel,.summary-card,.login-card,.receivable-card,.module-card{border-color:var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-card)}.family-icon,.household-symbol,.module-icon,.empty-state-icon{color:var(--color-primary);background:#10b9811f}.topbar{border-bottom-color:var(--color-border);background:var(--color-overlay)}.topbar-label,.user-email,.household-select-label{color:var(--color-muted)}.avatar{color:var(--color-primary);background:#10b98126}.connection-dot{background:var(--color-primary);box-shadow:0 0 0 4px #10b9811f}.primary-button,.secondary-button,.text-button{transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast)}.primary-button{border-color:var(--color-primary);background:var(--color-primary);color:#07130f;box-shadow:0 8px 20px #10b9811f}.primary-button:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff;transform:translateY(-1px)}.secondary-button{border-color:var(--color-border);background:var(--color-surface-elevated);color:#d6dce4}.secondary-button:hover{color:#fff;background:#2a303c;border-color:#10b98180}.text-button{color:var(--color-primary)}.text-button:hover{color:#6ee7b7}.status-message{color:#a7f3d0;background:#10b98117;border-color:#10b98147}.accounts-error,.auth-error{color:#fecaca;background:#f8717117;border-color:#f8717152}.welcome-card{box-shadow:var(--shadow-raised);background:#18382f}.welcome-label{color:#6ee7b7}.welcome-copy p{color:#c7f9e4}.summary-card{background:var(--color-surface)}.balance-icon{color:#93c5fd;background:#60a5fa24}.income-icon{color:var(--color-income);background:#34d39924}.expense-icon{color:var(--color-expense);background:#f8717124}.debt-icon{color:var(--color-warning);background:#fbbf2424}.metric-label,.module-card-copy small,.household-row small,.account-copy small,.receivable-copy span,.receivable-notes,.receivable-amounts dt{color:var(--color-muted)}.metric-value,.account-balance,.account-copy strong,.household-row strong,.module-card-copy strong,.receivable-copy strong,.receivable-amounts dd,.empty-state strong,.module-page-card>h2{color:var(--color-text)}.module-card:hover,.family-result:hover,.family-result.selected{background:#10b98114;border-color:#10b98180}.module-arrow{color:#718091}.household-status,.income-icon,.receivable-amounts>div:nth-child(3) dd,.status-paid,.status-partial{color:var(--color-income)}.empty-state{background:#2328337a;border-color:#39414e}.app-footer{border-top-color:var(--color-border);color:#718091}.accounts-panel,.login-card{background:var(--color-surface)}.account-row,.family-request-list li,.receivable-payment-history,.receivable-payment-form,.debt-payment-form{border-color:#2b323e}.account-form label,.login-form label{color:#cbd5e1}.account-form input,.account-form select,.account-form textarea,.login-form input,.household-select-label select,.debt-toolbar select,.transaction-filters select,.receivable-payment-form input,.money-input-wrap{background:var(--color-surface-elevated);color:var(--color-text);border-color:#3a4351}.account-form input::placeholder,.login-form input::placeholder{color:#6f7b8c}.account-form input:focus,.account-form select:focus,.account-form textarea:focus,.login-form input:focus,.money-input-wrap:focus-within,.receivable-payment-form input:focus{border-color:var(--color-primary);outline:3px solid var(--color-focus)}.debt-payment-form>strong,.receivable-payment-form>strong{color:var(--color-text)}.receivable-payment-history{color:#cbd5e1}.receivable-payment-history li{color:var(--color-muted)}.receivable-payment-history li strong{color:var(--color-text)}.money-input-wrap input{background:0 0}.login-page{background:#111318}.login-card{box-shadow:var(--shadow-raised)}.login-card .eyebrow{color:var(--color-primary)}.login-footer,.auth-mode-title{color:var(--color-muted)}.family-gate{background:var(--color-background)}.family-gate-header>div{color:var(--color-text)}.family-result,.family-confirm{border-color:var(--color-border);background:var(--color-surface-elevated)}.family-result strong,.family-confirm>p:first-child,.family-request-list strong{color:var(--color-text)}.family-result small,.family-admin-caption,.family-request-list small{color:var(--color-muted)}.family-confirm{background:#10b98114;border-color:#10b98147}.mobile-nav{border-top-color:var(--color-border);background:#15181ff5;box-shadow:0 -12px 30px #0000003d}.mobile-nav-item{color:#7f8b9b}.mobile-nav-item.active{background:var(--color-primary-soft);color:var(--color-primary)}.debt-status,.status-pending{color:#cbd5e1;background:#94a3b824}.debt-status-overdue,.status-overdue{color:#fca5a5;background:#f8717124}.debt-status-paid,.debt-status-completed,.status-paid{color:#6ee7b7;background:#34d39924}.debt-status-cancelled,.debt-status-inactive{color:#94a3b8;background:#94a3b81f}.status-partial{color:#fcd34d;background:#fbbf2424}.receivable-status{border:1px solid #94a3b82e}@media (width<=760px){:root{--space-page:17px}.page-content,.topbar{padding-right:var(--space-page);padding-left:var(--space-page)}.accounts-panel,.summary-card,.module-page-card{box-shadow:0 10px 24px #00000029}}