:root{color:#24332e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary:#176b52;--color-primary-dark:#125640;--color-primary-soft:#e9f4ef;--color-text:#24332e;--color-muted:#7b8983;--color-border:#e7ece9;--color-surface:#fff;--color-background:#f5f7f6;--color-income:#21845c;--color-expense:#c56a55;--color-warning:#b27b31;--radius-card:16px;--radius-control:10px;--shadow-card:0 3px 18px #1f362c0a;background:#f5f7f6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-background);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}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{outline-offset:3px;outline:3px solid #176b5240}a{color:inherit}h1,h2,h3,p{margin-top:0}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;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}.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}.balance-icon{color:#4779b8;background:#eaf1fb}.income-icon{color:#27875b;background:#e6f5ec}.expense-icon{color:#bf7059;background:#f9ece8}.debt-icon{color:#b17c32;background:#f9f1e3}.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);max-width:220px;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:76px}.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{align-items:flex-start;margin-bottom:22px}.page-heading h1{font-size:26px}.page-heading>.secondary-button{min-width:41px;padding:0 10px;font-size:11px}.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;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;grid-template-columns:repeat(6,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -5px 20px #1d39290a}.mobile-nav-item{color:#87948c;background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:49px;padding:4px 1px;display:flex}.mobile-nav-item>span{font-size:19px;line-height:1.2}.mobile-nav-item small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;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}}@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{flex-direction:column;align-items:stretch}.household-select-label select{max-width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}