:root{font-family:Helvetica,Arial,sans-serif;color:#10243d;background:#f4f8fb;font-synthesis:none;--navy:#0b2545;--ink:#132c48;--blue:#3d84c4;--muted:#7d8da1;--line:#e1eaf2;--surface:#fff;--soft:#f8fbfd;--shadow:0 14px 34px rgba(13,35,66,.07);--ease:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9bc9ec;outline-offset:2px}.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:24px 16px;background:var(--navy);color:#fff;z-index:30}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 25px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff url(/logo.svg) center/cover no-repeat;color:var(--navy)}.brand-mark svg{display:none}.brand strong,.brand small,.family-switcher strong,.family-switcher small{display:block}.brand strong{font-size:15px}.brand small,.family-switcher small{margin-top:2px;color:#96b0ca;font-size:9px}.close-menu{display:none;margin-left:auto;border:0;background:none;color:#b9d2e9}.family-switcher{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid #29496b;border-radius:10px;background:#17385e}.family-switcher>span:nth-child(2){flex:1}.avatar,.profile{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#dbeafb;color:var(--navy);font-size:9px;font-weight:700}.sidebar nav{margin-top:30px}.sidebar nav p{margin:0 8px 10px;color:#7695b4;font-size:8px;font-weight:700;letter-spacing:1.3px}.sidebar nav button{display:flex;align-items:center;gap:9px;width:100%;margin:4px 0;padding:11px;border:0;border-radius:8px;background:transparent;color:#a8c0d7;font:inherit;font-size:11px;text-align:left;transition:background .18s var(--ease),color .18s var(--ease),transform .16s}.sidebar nav button.active,.sidebar nav button:hover{background:#295b8a;color:#fff}.sidebar nav button:active,.action:active,.module-grid button:active{transform:scale(.98)}.sidebar-footer{display:flex;align-items:center;gap:6px;margin-top:auto;padding:12px 8px;color:#91abc4;font-size:9px}.version{margin-left:auto;color:#607f9f}.online-dot,.status i{width:6px;height:6px;border-radius:50%;background:#45bf8d;box-shadow:0 0 0 3px #45bf8d22}.topbar{display:flex;justify-content:space-between;align-items:center;padding:19px 42px;border-bottom:1px solid var(--line);background:#ffffffeb;color:#314d6c;font-size:11px;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.crumb{margin-right:8px;color:#a0afbf}.status{display:flex;align-items:center;gap:6px;color:#319269;font-size:10px}.topbar-actions{display:flex;align-items:center;gap:14px}.icon-button,.menu-button{display:grid;place-items:center;border:0;background:none;color:#6f8398}.menu-button{display:none}.profile{width:30px;height:30px;background:#e7f0f7}.content{max-width:1160px;margin:0 auto;padding:42px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.eyebrow{margin:0;color:var(--blue);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.hero h1{margin:9px 0 7px;color:var(--navy);font-family:Helvetica,Arial,sans-serif;font-size:31px;letter-spacing:-1.4px}.hero>div:first-child>p:last-child{margin:0;color:var(--muted);font-size:12px}.hero-badge{display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid #d9e6ee;border-radius:999px;background:#fff;color:#668199;font-size:10px;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:13px;margin:25px 0 28px}.metric-card{position:relative;min-height:126px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.metric-card span,.metric-card small{display:block;color:var(--muted);font-size:10px}.metric-card strong{display:block;margin:11px 0 5px;color:var(--navy);font-family:Helvetica,Arial,sans-serif;font-size:22px;letter-spacing:-.7px}.metric-card strong.positive{color:#25835c}.primary-card{overflow:hidden;background:linear-gradient(145deg,#0b2545,#1b4d76);color:#fff}.primary-card span,.primary-card small{color:#b6cce0}.primary-card strong{color:#fff}.sparkline{display:flex;align-items:end;gap:4px;height:28px;position:absolute;right:20px;bottom:20px}.sparkline i{display:block;width:5px;border-radius:5px;background:#75bde0;opacity:.55}.sparkline i:nth-child(1){height:11px}.sparkline i:nth-child(2){height:20px}.sparkline i:nth-child(3){height:14px}.sparkline i:nth-child(4){height:24px}.sparkline i:nth-child(5){height:17px}.sparkline i:nth-child(6){height:26px}.sparkline i:nth-child(7){height:21px}.balance-card{min-width:210px;padding:18px;border-radius:13px;background:linear-gradient(145deg,#0b2545,#1c527e);color:#fff;box-shadow:var(--shadow)}.balance-card span,.balance-card small{display:block;color:#b6cce0;font-size:10px}.balance-card strong{display:block;margin:6px 0;font-size:24px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:28px 0 12px}.section-head h2{margin:6px 0 0;color:var(--navy);font-family:Helvetica,Arial,sans-serif;font-size:17px}.section-head>span{color:var(--muted);font-size:10px}.text-button{display:flex;align-items:center;gap:3px;border:0;background:none;color:var(--blue);font-size:10px}.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.module-grid button{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff;text-align:left;box-shadow:var(--shadow);transition:transform .16s}.module-grid button>span:nth-child(2){flex:1}.module-grid strong,.module-grid small{display:block}.module-grid strong{color:var(--navy);font-size:12px}.module-grid small{margin-top:4px;color:var(--muted);font-size:10px}.module-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px}.module-icon.blue{background:#e4f0fb;color:#3d84c4}.module-icon.purple{background:#eee8fb;color:#7860b4}.module-icon.green{background:#e2f4ea;color:#25835c}.module-icon.orange{background:#fff0dc;color:#bd7c22}.finance-hero{margin-bottom:2px}.finance-metrics{grid-template-columns:repeat(3,1fr);margin-top:25px}.actions{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:24px 0 16px}.action{display:grid;grid-template-columns:44px 1fr 20px;align-items:center;column-gap:11px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff;text-align:left;box-shadow:var(--shadow);transition:transform .16s}.action>span{grid-row:span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:11px}.action b,.action small{display:block}.action b{color:var(--navy);font-size:13px}.action small{margin-top:3px;color:var(--muted);font-size:10px}.action>svg{grid-column:3;grid-row:1 / span 2;color:var(--muted)}.action.income>span{background:#d7f1e2;color:#25835c}.action.expense>span{background:#f9dfdc;color:#b15f5c}.entry-card{display:grid;grid-template-columns:1fr 180px 1fr auto;align-items:end;gap:13px;margin-bottom:18px;padding:19px;border:1px solid #b9d5e9;border-top:3px solid var(--blue);border-radius:13px;background:#fff;box-shadow:var(--shadow)}.entry-card h2{margin:6px 0 0;color:var(--navy);font-size:17px}.entry-card label{display:grid;gap:6px;color:#5d7691;font-size:10px;font-weight:700}.entry-card input,.entry-card select{width:100%;min-height:40px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fbfdff;font:inherit;font-size:11px}.entry-actions{display:flex;gap:8px}.primary,.secondary{min-height:40px;padding:0 15px;border-radius:8px;font:inherit;font-size:10px;font-weight:700;cursor:pointer}.primary{border:0;background:var(--navy);color:#fff}.secondary{border:1px solid var(--line);background:#fff;color:#617791}.budget-list,.transactions{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow)}.budget-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;padding:13px 17px;border-bottom:1px solid #eef3f7}.budget-row:last-child,.transaction:last-child{border-bottom:0}.bucket-icon,.tx-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px}.bucket-icon.blue{background:#e4f0fb;color:#3d84c4}.bucket-icon.purple{background:#eee8fb;color:#7860b4}.bucket-icon.green{background:#e2f4ea;color:#25835c}.bucket-icon.orange{background:#fff0dc;color:#bd7c22}.bucket-icon.rose{background:#fde6e9;color:#ba5d69}.budget-row strong{color:var(--navy);font-size:11px}.budget-row strong small{margin-left:6px;color:var(--muted);font-size:9px}.budget-row p{margin:3px 0 7px;color:var(--muted);font-size:9px}.budget-row>b{color:var(--navy);font-size:11px}.track{height:4px;border-radius:99px;background:#eef3f7}.track i{display:block;height:100%;border-radius:inherit;background:var(--blue)}.recent{margin-top:28px}.transaction{display:flex;align-items:center;gap:10px;padding:13px 17px;border-bottom:1px solid #eef3f7}.tx-icon.income{background:#e2f4ea;color:#25835c}.tx-icon.expense{background:#fde6e9;color:#ba5d69}.transaction>div{flex:1}.transaction strong,.transaction small{display:block}.transaction strong{color:var(--navy);font-size:11px}.transaction small{margin-top:3px;color:var(--muted);font-size:9px}.transaction>b{font-size:11px;white-space:nowrap}.transaction>b.income{color:#25835c}.transaction>b.expense{color:#ba5d69}.placeholder-page{max-width:700px}.placeholder-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:22px;border-radius:16px;background:#e4f0fb;color:var(--blue)}.placeholder-page h1{margin:8px 0;color:var(--navy);font-family:Helvetica,Arial,sans-serif;font-size:32px}.placeholder-page>p:not(.eyebrow){max-width:520px;color:var(--muted);font-size:14px;line-height:1.7}.placeholder-note{display:flex;align-items:flex-start;gap:12px;margin:28px 0;padding:16px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--blue)}.placeholder-note span{display:grid;gap:4px}.placeholder-note strong{color:var(--navy);font-size:12px}.placeholder-note small{color:var(--muted);font-size:10px;line-height:1.5}.mobile-nav,.scrim{display:none}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:268px;transform:translate(-105%);transition:transform .24s var(--ease);box-shadow:12px 0 36px #00000026}.sidebar.open{transform:translate(0)}.close-menu{display:block}.scrim{display:block;position:fixed;inset:0;border:0;background:#0a1c3152;z-index:20}.topbar{padding:14px 18px}.menu-button{display:grid;margin-right:10px}.topbar>div:nth-child(2){flex:1}.topbar-actions{gap:10px}.status{font-size:0}.content{padding:28px 16px 92px}.hero{display:block}.hero-badge{display:inline-flex;margin-top:18px}.hero h1{font-size:27px}.metric-grid,.finance-metrics{grid-template-columns:1fr 1fr;margin-top:21px}.metric-card:first-child{grid-column:1/-1}.metric-card{min-height:108px}.balance-card{margin-top:20px}.actions{grid-template-columns:1fr}.entry-card{grid-template-columns:1fr 1fr}.entry-card>div:first-child{grid-column:1/-1}.mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:15;justify-content:space-around;padding:9px 6px max(9px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-nav button{display:grid;gap:4px;justify-items:center;border:0;background:none;color:#8a9aac;font-size:9px}.mobile-nav button.active{color:var(--blue);font-weight:700}}@media(max-width:520px){.metric-grid,.finance-metrics{gap:9px}.metric-card{padding:14px}.metric-card strong{font-size:18px}.module-grid,.entry-card{grid-template-columns:1fr}.entry-actions{grid-column:1/-1}.page-heading h1{font-size:27px}.section-head h2{font-size:16px}.budget-row{padding:12px 11px}.budget-row>b,.transaction>b{font-size:10px}.transaction{padding:12px 11px}.topbar .crumb{display:none}.placeholder-page h1{font-size:28px}}.auth-shell{display:grid;place-items:center;width:100%;min-width:0;min-height:100vh;overflow-x:hidden;padding:24px;background:radial-gradient(circle at 15% 10%,#e5f1fa 0,transparent 35%),#f4f8fb}.auth-card{width:100%;max-width:430px;min-width:0;padding:34px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 24px 60px #0d23421c}.loading-card{text-align:center}.loading-card .brand-mark{margin:0 auto}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:38px}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{color:var(--navy);font-size:15px}.auth-brand small{margin-top:2px;color:var(--muted);font-size:9px}.auth-card h1{margin:9px 0;color:var(--navy);font-family:Helvetica,Arial,sans-serif;font-size:32px;letter-spacing:-1.3px}.auth-copy{margin:0 0 24px;color:var(--muted);font-size:13px;line-height:1.6}.auth-form{display:grid;min-width:0;gap:15px}.auth-form label{display:grid;min-width:0;gap:7px;color:#5d7691;font-size:11px;font-weight:700}.auth-form input{width:100%;min-width:0;min-height:44px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#fbfdff;color:var(--ink);font-size:12px}.auth-submit{width:100%;margin-top:3px}.auth-submit:disabled{cursor:wait;opacity:.65}.auth-error{padding:11px 12px;border:1px solid #f2c8c8;border-radius:9px;background:#fff4f3;color:#a44e4e;font-size:11px;line-height:1.5}.auth-footnote{display:flex;align-items:center;gap:6px;margin-top:22px;color:#8a9aac;font-size:9px;line-height:1.5}.state-page{max-width:720px}.state-page h1{margin:9px 0;color:var(--navy);font-family:Helvetica,Arial,sans-serif;font-size:30px;letter-spacing:-1px}.state-page>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.6}.state-page>small{display:block;margin-top:20px;color:#8a9aac;font-size:10px}.state-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:22px;border-radius:16px}.loading-icon{background:#e4f0fb;color:var(--blue);animation:pulse 1.6s ease-in-out infinite}.error-icon{background:#fff0ed;color:#b15f5c}@keyframes pulse{50%{opacity:.5;transform:scale(.96)}}.member-balances{margin:0 0 28px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.member-balance-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 17px;border-bottom:1px solid #eef3f7;color:var(--blue)}.member-balance-heading h2{margin:6px 0 0;color:var(--navy);font-family:Helvetica,Arial,sans-serif;font-size:16px}.member-balance-row{display:flex;align-items:center;gap:11px;padding:13px 17px;border-bottom:1px solid #eef3f7}.member-balance-row:last-child{border-bottom:0}.member-balance-row>span:nth-child(2){flex:1}.member-balance-row strong,.member-balance-row small{display:block}.member-balance-row strong{color:var(--navy);font-size:11px}.member-balance-row small{margin-top:3px;color:var(--muted);font-size:9px}.member-balance-row>b{color:var(--navy);font-size:12px}.member-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e4f0fb;color:var(--blue);font-size:11px;font-weight:700}.form-notice{grid-column:span 2;margin:0;color:var(--muted);font-size:10px;line-height:1.5}.scope-label{display:inline-block;margin-left:7px;padding:3px 6px;border-radius:999px;font-style:normal;font-size:8px;font-weight:600}.scope-label.personal{background:#e4f0fb;color:#3d84c4}.scope-label.family{background:#e2f4ea;color:#25835c}.row-action{display:grid;place-items:center;width:28px;height:28px;margin-left:4px;border:1px solid #e2eaf1;border-radius:8px;background:#fff;color:#6b7f92;cursor:pointer}.row-action:hover{background:#eef5fb;color:var(--blue)}.row-action.danger:hover{background:#fff0ed;color:#b15f5c}.turnstile-slot{width:100%;min-width:0;max-width:100%;overflow:hidden}.turnstile-slot>div{width:100%!important;max-width:100%!important}.auth-form>iframe{display:block;width:100%!important;max-width:100%;margin:2px 0}.modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:#07192e85;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:modal-fade .18s ease-out}.confirm-modal{width:min(100%,430px);padding:28px;border:1px solid rgba(255,255,255,.7);border-radius:20px;background:#fff;box-shadow:0 26px 80px #07192e42;animation:modal-rise .2s ease-out}.confirm-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:18px;border-radius:14px;background:#fff0ed;color:#b15f5c}.confirm-modal h2{margin:8px 0 9px;color:var(--navy);font-size:24px;letter-spacing:-.6px}.confirm-copy{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.confirm-summary{display:grid;gap:12px;margin:22px 0;padding:15px;border:1px solid #e7eef4;border-radius:12px;background:#f8fbfd}.confirm-summary div{display:flex;align-items:center;justify-content:space-between;gap:20px}.confirm-summary span{color:var(--muted);font-size:10px}.confirm-summary strong{color:var(--navy);font-size:11px;text-align:right}.confirm-summary strong.income{color:#25835c}.confirm-summary strong.expense{color:#ba5d69}.confirm-actions{display:flex;justify-content:flex-end;gap:9px}.confirm-actions .secondary,.danger-primary{min-height:40px;padding:0 14px;border-radius:8px;font-size:10px;font-weight:700}.danger-primary{display:inline-flex;align-items:center;gap:7px;border:0;background:#b15f5c;color:#fff;cursor:pointer}.danger-primary:hover{background:#974b49}.danger-primary:focus-visible{outline:3px solid #f2b7b2;outline-offset:2px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.toast{position:fixed;right:24px;bottom:24px;z-index:80;display:flex;align-items:flex-start;gap:11px;width:min(380px,calc(100vw - 32px));padding:14px 12px 14px 14px;border:1px solid var(--toast-border);border-left:4px solid var(--toast-accent);border-radius:12px;background:#fff;box-shadow:0 18px 44px #0d23422e;animation:toast-in .24s var(--ease)}.toast-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:var(--toast-soft);color:var(--toast-accent)}.toast-copy{display:grid;min-width:0;gap:4px;flex:1}.toast-copy strong{color:var(--navy);font-size:11px;line-height:1.3}.toast-copy small{color:var(--muted);font-size:10px;line-height:1.45}.toast-close{display:grid;place-items:center;flex:none;width:26px;height:26px;border:0;border-radius:7px;background:transparent;color:#8a9aac}.toast-close:hover{background:#f3f6f8;color:var(--navy)}.toast-success{--toast-accent:#25835c;--toast-soft:#e2f4ea;--toast-border:#bfe3ce}.toast-error{--toast-accent:#b15f5c;--toast-soft:#fff0ed;--toast-border:#efc9c5}.toast-warning{--toast-accent:#b7791f;--toast-soft:#fff4da;--toast-border:#efd9a6}.toast-info{--toast-accent:#3d84c4;--toast-soft:#e4f0fb;--toast-border:#c6dff2}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:520px){.toast{right:16px;bottom:calc(78px + env(safe-area-inset-bottom));width:calc(100vw - 32px)}}@media(max-width:520px){.auth-shell{padding:16px 12px}.auth-card{padding:26px 18px;border-radius:18px}.auth-brand{margin-bottom:30px}.auth-card h1{font-size:29px}.auth-copy{font-size:12px}.turnstile-slot{transform-origin:left center}}.idle-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:#07192e94;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.idle-modal{width:min(100%,420px);padding:28px;border:1px solid #dbe7ef;border-radius:18px;background:#fff;box-shadow:0 24px 70px #07192e47}.idle-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:16px;border-radius:14px;background:#e4f0fb;color:#3d84c4}.idle-modal h2{margin:8px 0;color:var(--navy);font-size:22px}.idle-modal>p:not(.eyebrow){margin:0;color:var(--muted);font-size:12px;line-height:1.65}.idle-modal>p strong{color:var(--navy);font-variant-numeric:tabular-nums}.idle-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.auth-notice{display:flex;align-items:flex-start;gap:8px;margin:0 0 18px;padding:11px 12px;border:1px solid #c6dff2;border-radius:9px;background:#e4f0fb;color:#315f86;font-size:11px;line-height:1.5}