@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
.familyos-demo{color:#181a20;isolation:isolate;background:#f3f5f9;min-height:100vh;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.familyos-demo *,.familyos-demo :before,.familyos-demo :after{box-sizing:border-box}.familyos-demo a{color:inherit;text-decoration:none}.familyos-demo button,.familyos-demo input,.familyos-demo select,.familyos-demo textarea{font:inherit}.familyos-demo .avatar.indigo{color:#4f46e5;background:#eef0ff}.familyos-demo .avatar.violet{color:#7c3aed;background:#f3e8ff}.familyos-demo .avatar.amber{color:#b45309;background:#fff7e6}.familyos-demo .avatar.rose{color:#be123c;background:#fff1f2}.familyos-demo .dot.c-school{background:#6757e7}.familyos-demo .dot.c-health{background:#2f7a56}.familyos-demo .dot.c-home{background:#b37628}.familyos-demo .dot.c-faith{background:#5546d7}.familyos-demo .dot.c-social{background:#b44d5a}.familyos-demo-chrome{color:#727684;letter-spacing:.02em;z-index:8;background:#eceef4;border-bottom:1px solid #e4e7ee;justify-content:space-between;align-items:center;gap:16px;height:28px;padding:0 18px;font-size:11px;display:flex;position:relative}.familyos-demo-chrome a{color:#5546d7;font-weight:650}.familyos-demo-chrome strong{color:#343744;font-weight:650}.familyos-demo .command-overlay{z-index:30;background:#17182066;place-items:start center;padding-top:12vh;display:grid;position:fixed;inset:0}.familyos-demo .command-palette{background:#fff;border:1px solid #e4e7ee;border-radius:18px;width:min(640px,100% - 28px);overflow:hidden;box-shadow:0 18px 50px #14182824}.familyos-demo .command-input{border-bottom:1px solid #eef0f4;align-items:center;gap:10px;padding:14px 16px;display:flex}.familyos-demo .command-input input{background:0 0;border:0;outline:none;flex:1;font-size:15px}.familyos-demo .command-empty,.familyos-demo .command-results{gap:4px;padding:10px;display:grid}.familyos-demo .command-empty button,.familyos-demo .command-results button{text-align:left;background:0 0;border:0;border-radius:12px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.familyos-demo .command-empty button:hover,.familyos-demo .command-results button.active,.familyos-demo .command-results button:hover{background:#f4f3ff}.familyos-demo .command-hint,.familyos-demo .command-palette footer{color:#727684;padding:12px 16px;font-size:11px}.familyos-demo .command-palette footer{border-top:1px solid #eef0f4;gap:16px;display:flex}.familyos-demo .result-icon,.familyos-demo .command-symbol{color:#5546d7;background:#efedff;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.familyos-demo .shell{min-height:calc(100vh - 28px)}.familyos-demo .icon i{background:#b44d5a;border-radius:50%;width:7px;height:7px;display:block;position:relative;top:-14px;left:8px}@media (max-width:820px){.familyos-demo-chrome .familyos-demo-chrome-copy{display:none}}.familyos-demo{color:#202128;--line:#e8e9ef;--violet:#6657d9;background:#f6f7fb;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.familyos-demo,.familyos-demo *{box-sizing:border-box}.familyos-demo{background:#f7f8fb;margin:0}.familyos-demo button,.familyos-demo input,.familyos-demo select{font:inherit}.familyos-demo .shell{grid-template-columns:232px 1fr;min-height:100vh;display:grid}.familyos-demo .sidebar{border-right:1px solid var(--line);z-index:5;background:#fff;width:232px;height:100vh;padding:24px 16px;position:fixed;inset:0 auto 0 0;overflow:auto}.familyos-demo .brand{align-items:center;gap:11px;padding:0 8px 24px;display:flex}.familyos-demo .brandmark{color:#fff;background:#6657d9;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.familyos-demo .brand strong,.familyos-demo .brand span{display:block}.familyos-demo .brand span{color:#888;font-size:10px}.familyos-demo .sidebar nav{gap:4px;display:grid}.familyos-demo .sidebar nav button,.familyos-demo .sidefoot button{color:#686a76;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;display:flex}.familyos-demo .sidebar nav button.active{color:#5548c5;background:#f0effc;font-weight:650}.familyos-demo .sidebar nav em{margin-left:auto}.familyos-demo .sidefoot{margin-top:18px;display:grid}.familyos-demo .sidefoot kbd{margin-left:auto}.familyos-demo main{grid-column:2;width:100%;max-width:1480px;margin:auto;padding:0 38px 60px}.familyos-demo header{justify-content:space-between;align-items:center;height:70px;display:flex}.familyos-demo .head-actions{gap:8px;display:flex}.familyos-demo .icon,.familyos-demo .quick{border:1px solid var(--line);background:#fff;border-radius:11px;height:40px}.familyos-demo .quick{color:#fff;background:#27282f;align-items:center;gap:6px;padding:0 15px;display:flex}.familyos-demo .mobile-menu{display:none}.familyos-demo .date,.familyos-demo .label{letter-spacing:.13em;color:#9698a2;font-size:9px;font-weight:750}.familyos-demo .eyebrow{color:#6657d9;letter-spacing:.14em;font-size:10px;font-weight:800}.familyos-demo .hero,.familyos-demo .feature-hero{justify-content:space-between;display:flex}.familyos-demo .hero h1,.familyos-demo .feature-hero h1{letter-spacing:-.035em;margin:7px 0;font-size:34px}.familyos-demo .hero p,.familyos-demo .feature-hero p{color:#777985;font-size:13px}.familyos-demo .feature-hero{margin-bottom:24px}.familyos-demo .feature-hero>svg{color:#6657d9;background:#efedfc;border-radius:15px;width:46px;height:46px;padding:12px}.familyos-demo .members{gap:8px;display:flex}.familyos-demo .members button{background:0 0;border:0}.familyos-demo .avatar,.familyos-demo .everyone{border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.familyos-demo .everyone{color:#fff;background:#27282f}.familyos-demo .card{background:#fff;border:1px solid #e9eaf0;border-radius:18px;box-shadow:0 8px 30px #23253609}.familyos-demo .grid{grid-template-columns:1.6fr .7fr;gap:20px;display:grid}.familyos-demo .primary-column,.familyos-demo .right-column{align-content:start;gap:17px;display:grid}.familyos-demo .next{color:#fff;background:#292a32;justify-content:space-between;padding:26px;display:flex}.familyos-demo .section-title,.familyos-demo .cardhead{justify-content:space-between;align-items:center;display:flex}.familyos-demo .event,.familyos-demo .task,.familyos-demo .meal,.familyos-demo .notice,.familyos-demo .careitem{border-bottom:1px solid #f0f0f4;padding:11px 0}.familyos-demo .event{grid-template-columns:65px 10px 1fr auto;gap:10px;display:grid}.familyos-demo .event strong,.familyos-demo .event span,.familyos-demo .task strong,.familyos-demo .task small,.familyos-demo .meal span,.familyos-demo .meal strong,.familyos-demo .notice strong,.familyos-demo .notice small,.familyos-demo .careitem strong,.familyos-demo .careitem small{display:block}.familyos-demo .event span,.familyos-demo .task small,.familyos-demo .notice small,.familyos-demo .careitem small,.familyos-demo .meal span{color:#92949d;font-size:9px}.familyos-demo .event strong,.familyos-demo .task strong,.familyos-demo .meal strong,.familyos-demo .notice strong,.familyos-demo .careitem strong{font-size:11px}.familyos-demo .dot{background:#6657d9;border-radius:50%;width:8px;height:8px}.familyos-demo .split{grid-template-columns:1fr 1fr;gap:15px;display:grid}.familyos-demo .ring,.familyos-demo .count{color:#6657d9;background:#efedfc;border-radius:9px;padding:6px;font-size:9px}.familyos-demo .bar{background:#eee;border-radius:8px;height:7px}.familyos-demo .bar span{background:#6657d9;height:100%;display:block}.familyos-demo .budgetrow{justify-content:space-between;font-size:10px;display:flex}.familyos-demo .textbutton{color:#6657d9;background:0 0;border:0;padding-top:12px}.familyos-demo .bottom{display:none}.familyos-demo .overlay{z-index:20;background:#17182066;place-items:center;display:grid;position:fixed;inset:0}.familyos-demo .sheet{background:#fff;border-radius:22px;width:min(560px,100% - 30px);padding:24px}.familyos-demo .sheethead{justify-content:space-between;display:flex}.familyos-demo .quickgrid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.familyos-demo .quickgrid button,.familyos-demo .care-tabs button{border:1px solid var(--line);background:#fafafd;border-radius:11px;align-items:center;gap:7px;padding:11px;display:flex}.familyos-demo .care-tabs{gap:7px;margin-bottom:14px;display:flex}.familyos-demo .care-tabs button.active{color:#fff;background:#282930}.familyos-demo .life-compose,.familyos-demo .lifestyle-compose,.familyos-demo .custom-compose{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:14px;padding:14px;display:grid}.familyos-demo .life-compose input,.familyos-demo .life-compose select,.familyos-demo .lifestyle-compose input,.familyos-demo .lifestyle-compose select,.familyos-demo .custom-compose input{border:1px solid var(--line);background:#fafafd;border-radius:10px;min-width:0;padding:10px}.familyos-demo .life-compose button,.familyos-demo .lifestyle-compose button,.familyos-demo .custom-compose button{color:#fff;background:#282930;border:0;border-radius:10px;justify-content:center;align-items:center;gap:5px;display:flex}.familyos-demo .life-grid,.familyos-demo .custom-groups{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.familyos-demo .life-item,.familyos-demo .custom-group{padding:18px}.familyos-demo .life-item{grid-template-columns:38px 1fr;align-items:start;gap:12px;display:grid}.familyos-demo .life-symbol,.familyos-demo .life-check{color:#6657d9;background:#f0effc;border:0;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.familyos-demo .life-symbol svg,.familyos-demo .life-check svg{width:16px}.familyos-demo .life-item h3,.familyos-demo .custom-group h3{margin:5px 0;font-size:13px}.familyos-demo .life-item small{color:#92949d;font-size:9px}.familyos-demo .link-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.familyos-demo .link-actions button{border:1px solid var(--line);background:#fafafd;border-radius:8px;align-items:center;gap:4px;padding:6px 8px;font-size:9px;display:flex}.familyos-demo .link-actions svg{width:12px}.familyos-demo .action-toast{color:#fff;z-index:15;background:#282930;border-radius:10px;padding:10px 14px;font-size:10px;position:fixed;top:75px;right:28px}.familyos-demo .custom-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #f1f1f4;grid-template-columns:22px 1fr;gap:9px;width:100%;padding:11px 0;display:grid}.familyos-demo .custom-row strong,.familyos-demo .custom-row small{font-size:10px;display:block}.familyos-demo .custom-row small{color:#92949d;font-size:9px}.familyos-demo .shop-check.done,.familyos-demo .life-check.done{color:#fff;background:#6657d9}.familyos-demo .strike{color:#aaa;text-decoration:line-through}.familyos-demo .notification-panel{background:#fff;border-radius:20px;padding:22px}.familyos-demo .notice-overlay{place-items:end}.familyos-demo .notification-row{border-bottom:1px solid #eee;padding:12px}.familyos-demo .import-toolbar,.familyos-demo .finance-compose,.familyos-demo .meal-compose,.familyos-demo .shopping-compose,.familyos-demo .member-form,.familyos-demo .composer,.familyos-demo .calendar-compose{margin-bottom:14px;padding:14px}.familyos-demo .finance-kpis,.familyos-demo .shopping-summary,.familyos-demo .member-grid,.familyos-demo .care-board,.familyos-demo .meal-days,.familyos-demo .shopping-groups{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.familyos-demo .finance-grid,.familyos-demo .meal-module-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.familyos-demo .finance-kpis article,.familyos-demo .shopping-summary article,.familyos-demo .member-card,.familyos-demo .care-card,.familyos-demo .meal-plan,.familyos-demo .shopping-group,.familyos-demo .finance-compose,.familyos-demo .transaction-card,.familyos-demo .goal-card,.familyos-demo .calculator-card,.familyos-demo .meal-compose,.familyos-demo .prep-card{padding:18px}.familyos-demo .finance-compose>div,.familyos-demo .meal-fields,.familyos-demo .shopping-compose,.familyos-demo .member-form .form-row,.familyos-demo .composer,.familyos-demo .calendar-compose{gap:8px;display:flex}.familyos-demo .finance-compose input,.familyos-demo .finance-compose select,.familyos-demo .meal-fields input,.familyos-demo .meal-fields select,.familyos-demo .shopping-compose input,.familyos-demo .shopping-compose select,.familyos-demo .member-form input,.familyos-demo .member-form select,.familyos-demo .composer input,.familyos-demo .calendar-compose input{border:1px solid var(--line);background:#fafafd;border-radius:10px;flex:1;min-width:0;padding:10px}.familyos-demo .finance-compose button,.familyos-demo .meal-fields button,.familyos-demo .shopping-compose button,.familyos-demo .member-form button,.familyos-demo .composer button,.familyos-demo .calendar-compose button,.familyos-demo .import-toolbar button{color:#fff;background:#282930;border:0;border-radius:10px;padding:10px}.familyos-demo .shopping-row,.familyos-demo .task-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #eee;width:100%;padding:10px}.familyos-demo .agenda{padding:15px}.familyos-demo .agenda-row{border-bottom:1px solid #eee;padding:12px}.familyos-demo .empty{text-align:center;padding:40px}.familyos-demo .communication-grid{grid-template-columns:1.15fr .85fr;gap:16px;display:grid}.familyos-demo .communication-card,.familyos-demo .qr-card{padding:24px}.familyos-demo .communication-card h3,.familyos-demo .qr-card h2{margin:5px 0 16px}.familyos-demo .settings-fields,.familyos-demo .quiet-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.familyos-demo .settings-fields label,.familyos-demo .quiet-row label{color:#858791;font-size:9px}.familyos-demo .settings-fields select,.familyos-demo .quiet-row input{border:1px solid var(--line);background:#fafafd;border-radius:10px;width:100%;margin-top:5px;padding:10px}.familyos-demo .channel-row{border-bottom:1px solid #f0f0f4;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.familyos-demo .channel-icon{color:#6657d9;background:#f0effc;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.familyos-demo .channel-row strong,.familyos-demo .channel-row small{font-size:10px;display:block}.familyos-demo .channel-row input{accent-color:#6657d9}.familyos-demo .primary-action{color:#fff;background:#282930;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;margin-top:16px;padding:11px 14px;font-size:10px;display:flex}.familyos-demo .primary-action:disabled{color:#9a9ba4;background:#e7e7ec}.familyos-demo .qr-card{color:#fff;background:linear-gradient(145deg,#282930,#343641);border:0}.familyos-demo .qr-placeholder,.familyos-demo .qr-live{color:#25262d;background:#fff;border-radius:18px;place-items:center;width:150px;height:150px;margin-bottom:24px;padding:10px;display:grid}.familyos-demo .gateway-url{color:#d6d7df;word-break:break-all;background:#ffffff0b;border:1px solid #ffffff12;border-radius:10px;padding:10px;font-size:9px}.familyos-demo .qr-safety{background:#ffffff0b;border:1px solid #ffffff12;border-radius:13px;margin-top:12px;padding:13px}.familyos-demo .qr-safety strong,.familyos-demo .qr-safety span{font-size:10px;display:block}.familyos-demo .qr-safety span{color:#bfc0c9;margin-top:5px;font-size:9px}.familyos-demo .qr-card .primary-action{color:#292a32;background:#fff;width:100%}.familyos-demo .qr-card .primary-action:disabled{color:#aaaab4;background:#ffffff18}.familyos-demo .qr-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.familyos-demo .qr-actions .secondary{color:#fff;background:#ffffff14;border:1px solid #ffffff20}.familyos-demo .control-heading h2{margin:5px 0;font-size:21px}.familyos-demo .control-heading>p:last-child{color:#858791;font-size:11px}.familyos-demo .control-center{gap:14px;display:grid}.familyos-demo .inline-status{color:#5548c5;background:#efedfc;border:1px solid #ddd9fb;border-radius:11px;padding:10px 13px;font-size:10px}.familyos-demo .provider-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.familyos-demo .provider-card,.familyos-demo .delivery-card,.familyos-demo .escalation-card{padding:20px}.familyos-demo .provider-title{align-items:center;gap:10px;display:flex}.familyos-demo .provider-title>span{color:#6657d9;background:#f0effc;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.familyos-demo .provider-title svg{width:17px}.familyos-demo .provider-title h3{margin:3px 0}.familyos-demo .provider-switch{align-items:center;gap:6px;font-size:9px;display:flex}.familyos-demo .provider-switch input{accent-color:#6657d9}.familyos-demo .secret-badge{color:#9b6628;background:#fff6eb;border-radius:9px;align-items:center;gap:6px;margin:14px 0;padding:8px 10px;font-size:9px;display:flex}.familyos-demo .secret-badge.secure{color:#36724d;background:#edf8f1}.familyos-demo .secret-badge svg{width:13px}.familyos-demo .provider-fields{gap:8px;display:grid}.familyos-demo .provider-fields label{color:#858791;font-size:9px}.familyos-demo .provider-fields input{border:1px solid var(--line);background:#fafafd;border-radius:9px;width:100%;margin-top:4px;padding:9px}.familyos-demo .provider-actions,.familyos-demo .test-row{gap:7px;display:flex}.familyos-demo .provider-actions button,.familyos-demo .test-row button,.familyos-demo .mini-action{color:#fff;background:#282930;border:0;border-radius:9px;align-items:center;gap:5px;padding:9px 11px;font-size:9px;display:flex}.familyos-demo .provider-actions svg,.familyos-demo .test-row svg,.familyos-demo .mini-action svg{width:13px}.familyos-demo .test-row input{flex:1;margin:0}.familyos-demo .delivery-row,.familyos-demo .rule-row{border-bottom:1px solid #f0f0f4;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.familyos-demo .delivery-state{color:#8a8c96;background:#f2f2f6;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.familyos-demo .delivery-state.sent{color:#36724d;background:#edf8f1}.familyos-demo .delivery-state svg{width:14px}.familyos-demo .delivery-row strong,.familyos-demo .delivery-row small,.familyos-demo .delivery-row em,.familyos-demo .rule-row strong,.familyos-demo .rule-row small{font-size:10px;display:block}.familyos-demo .delivery-row small,.familyos-demo .rule-row small{color:#92949d;margin-top:3px;font-size:9px}.familyos-demo .delivery-row em{color:#b25757;margin-top:4px;font-size:8px}.familyos-demo .delivery-row b{text-transform:uppercase;font-size:8px}.familyos-demo .rule-toggle{color:#777;background:#eee;border:0;border-radius:8px;padding:7px;font-size:8px}.familyos-demo .rule-toggle.on{color:#36724d;background:#edf8f1}.familyos-demo .icon-action{color:#aaa;background:0 0;border:0}.familyos-demo .icon-action svg{width:15px}.familyos-demo .brief-switch{gap:7px;margin-bottom:16px;display:flex}.familyos-demo .brief-switch button{border:1px solid var(--line);color:#777985;background:#fff;border-radius:11px;align-items:center;gap:6px;padding:9px 12px;font-size:10px;display:flex}.familyos-demo .brief-switch button.active{color:#fff;background:#292a32;border-color:#292a32}.familyos-demo .brief-switch svg{width:14px}.familyos-demo .intelligence-hero{color:#fff;background:linear-gradient(135deg,#292a32,#3a3b47);justify-content:space-between;align-items:center;margin-bottom:22px;padding:28px;display:flex}.familyos-demo .intelligence-hero h2{margin:6px 0;font-size:25px}.familyos-demo .intelligence-hero p:not(.label){color:#c6c7d0;font-size:11px}.familyos-demo .intelligence-score{background:#ffffff0c;border:1px solid #ffffff18;border-radius:12px;align-items:center;gap:6px;padding:10px;font-size:9px;display:flex}.familyos-demo .intelligence-grid{grid-template-columns:1.45fr .75fr;gap:16px;display:grid}.familyos-demo .intelligence-grid aside{align-content:start;gap:14px;display:grid}.familyos-demo .insight-list,.familyos-demo .tomorrow-card,.familyos-demo .workload-card{padding:18px}.familyos-demo .insight-row{border-bottom:1px solid #f0f0f4;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:13px 0;display:grid}.familyos-demo .insight-icon{color:#6657d9;background:#f1f0fc;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.familyos-demo .insight-row p,.familyos-demo .insight-row strong,.familyos-demo .insight-row small{margin:0;display:block}.familyos-demo .insight-row p{color:#8f91a0;text-transform:uppercase;letter-spacing:.09em;font-size:8px}.familyos-demo .insight-row strong{margin:3px 0;font-size:11px}.familyos-demo .insight-row small{color:#92949d;font-size:9px}.familyos-demo .insight-row button{border:1px solid var(--line);background:#fafafd;border-radius:9px;align-items:center;gap:4px;padding:7px 9px;font-size:9px;display:flex}.familyos-demo .tomorrow-row{border-bottom:1px solid #f0f0f4;grid-template-columns:10px 1fr;gap:8px;padding:11px 0;display:grid}.familyos-demo .insight-dot{background:#6657d9;border-radius:50%;width:7px;height:7px;margin-top:4px}.familyos-demo .tomorrow-row strong,.familyos-demo .tomorrow-row small{font-size:10px;display:block}.familyos-demo .tomorrow-row small{color:#92949d;margin-top:3px;font-size:8px}.familyos-demo .workload-row{grid-template-columns:70px 1fr 20px;align-items:center;gap:8px;padding:8px 0;font-size:9px;display:grid}@media (max-width:900px){.familyos-demo .grid,.familyos-demo .finance-grid,.familyos-demo .meal-module-grid,.familyos-demo .communication-grid,.familyos-demo .provider-grid,.familyos-demo .intelligence-grid{grid-template-columns:1fr}.familyos-demo .life-compose,.familyos-demo .lifestyle-compose,.familyos-demo .custom-compose{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.familyos-demo .shell{display:block}.familyos-demo .sidebar{display:none}.familyos-demo main{padding:0 15px 90px}.familyos-demo .mobile-menu{display:block}.familyos-demo .date,.familyos-demo .quick{display:none}.familyos-demo .hero,.familyos-demo .feature-hero{display:block}.familyos-demo .hero h1,.familyos-demo .feature-hero h1{font-size:29px}.familyos-demo .members{overflow:auto}.familyos-demo .grid,.familyos-demo .split,.familyos-demo .right-column,.familyos-demo .life-grid,.familyos-demo .custom-groups,.familyos-demo .finance-kpis,.familyos-demo .shopping-summary,.familyos-demo .member-grid,.familyos-demo .care-board,.familyos-demo .meal-days,.familyos-demo .shopping-groups,.familyos-demo .communication-grid,.familyos-demo .provider-grid,.familyos-demo .intelligence-grid{grid-template-columns:1fr}.familyos-demo .life-compose,.familyos-demo .lifestyle-compose,.familyos-demo .custom-compose,.familyos-demo .finance-compose>div,.familyos-demo .meal-fields,.familyos-demo .shopping-compose,.familyos-demo .member-form .form-row,.familyos-demo .composer,.familyos-demo .calendar-compose,.familyos-demo .settings-fields,.familyos-demo .quiet-row{grid-template-columns:1fr;display:grid}.familyos-demo .care-tabs{overflow:auto}.familyos-demo .bottom{border-top:1px solid var(--line);z-index:10;background:#fff;grid-template-columns:repeat(5,1fr);padding:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.familyos-demo .bottom button{background:0 0;border:0}.familyos-demo .bottom .add{color:#fff;background:#282930;border-radius:13px}.familyos-demo .quickgrid{grid-template-columns:repeat(2,1fr)}.familyos-demo .sheet{border-radius:22px 22px 0 0;align-self:end;width:100%}.familyos-demo .qr-actions{grid-template-columns:1fr}.familyos-demo .provider-actions,.familyos-demo .test-row,.familyos-demo .brief-switch{flex-wrap:wrap}.familyos-demo .intelligence-hero{display:block}.familyos-demo .intelligence-score{width:max-content;margin-top:14px}.familyos-demo .insight-row{grid-template-columns:34px 1fr}.familyos-demo .insight-row button{grid-column:2;width:max-content}}.familyos-demo{--bg:#f3f5f9;--surface:#fff;--surface-2:#f8f9fc;--surface-3:#f1f3f8;--text:#181a20;--muted:#727684;--muted-2:#9aa0ad;--line:#e4e7ee;--line-strong:#d8dce6;--brand:#6757e7;--brand-strong:#5546d7;--brand-soft:#efedff;--success:#2f7a56;--danger:#b44d5a;--warning:#b37628;--shadow-sm:0 1px 2px #14182808,0 8px 24px #1418280a;--shadow-md:0 12px 34px #14182812;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--content:1180px;background:var(--bg);color:var(--text)}.familyos-demo .shell{grid-template-columns:220px 1fr}.familyos-demo .sidebar{border-right:1px solid var(--line);background:#fffffff7;width:220px;padding:20px 14px;box-shadow:8px 0 30px #1a1d2a06}.familyos-demo .brand{padding:2px 7px 22px}.familyos-demo .brandmark{border-radius:13px;width:40px;height:40px;box-shadow:0 8px 18px #6757e738}.familyos-demo .brand strong{letter-spacing:-.02em;font-size:16px}.familyos-demo .brand span{color:var(--muted-2);margin-top:2px;font-size:9px}.familyos-demo .sidebar nav{gap:2px}.familyos-demo .sidebar nav button,.familyos-demo .sidefoot button{color:#666b78;border-radius:10px;min-height:38px;padding:8px 9px;font-size:13px;transition:all .16s}.familyos-demo .sidebar nav button:hover,.familyos-demo .sidefoot button:hover{color:#343744;background:#f7f7fb}.familyos-demo .sidebar nav button.active,.familyos-demo .sidefoot button.active{background:var(--brand-soft);color:var(--brand-strong);font-weight:700}.familyos-demo .sidebar nav button svg,.familyos-demo .sidefoot button svg{width:17px}.familyos-demo .sidefoot{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.familyos-demo main{grid-column:2;max-width:none;margin:0;padding:0 34px 56px}.familyos-demo main>header,.familyos-demo .feature-page,.familyos-demo .hero,.familyos-demo .grid{width:min(var(--content),100%);margin-left:auto;margin-right:auto}.familyos-demo header{height:76px}.familyos-demo .date{letter-spacing:.18em;font-size:8px}.familyos-demo .head-actions{gap:7px}.familyos-demo .icon,.familyos-demo .quick{height:38px;box-shadow:var(--shadow-sm);border-radius:10px}.familyos-demo .icon{width:38px}.familyos-demo .quick{padding:0 14px;font-size:12px}.familyos-demo .feature-page{padding:24px 0 46px}.familyos-demo .feature-hero{align-items:flex-start;margin-bottom:20px;padding:4px 2px}.familyos-demo .feature-hero h1,.familyos-demo .hero h1{letter-spacing:-.045em;margin:6px 0 8px;font-size:38px;line-height:1.02}.familyos-demo .feature-hero p,.familyos-demo .hero p{max-width:680px;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.familyos-demo .eyebrow{letter-spacing:.16em;font-size:9px}.familyos-demo .feature-hero>svg{background:var(--brand-soft);width:44px;height:44px;color:var(--brand);border-radius:14px;padding:11px}.familyos-demo .card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:var(--surface)}.familyos-demo .label,.familyos-demo .date{color:#8f95a3}.familyos-demo .label{letter-spacing:.15em;font-size:8px}.familyos-demo .card h2,.familyos-demo .card h3{letter-spacing:-.02em}.familyos-demo button{transition:background-color .16s,border-color .16s,color .16s,transform 80ms,box-shadow .16s}.familyos-demo button:active{transform:translateY(1px)}.familyos-demo input,.familyos-demo select,.familyos-demo textarea{color:var(--text);outline:none}.familyos-demo input:focus,.familyos-demo select:focus,.familyos-demo textarea:focus{box-shadow:0 0 0 3px #6757e71a;border-color:#bcb4fb!important}.familyos-demo .life-compose,.familyos-demo .lifestyle-compose,.familyos-demo .custom-compose,.familyos-demo .calendar-compose,.familyos-demo .composer,.familyos-demo .meal-compose,.familyos-demo .shopping-compose,.familyos-demo .finance-compose,.familyos-demo .member-form{box-shadow:none;border-radius:16px}.familyos-demo .life-compose input,.familyos-demo .life-compose select,.familyos-demo .lifestyle-compose input,.familyos-demo .lifestyle-compose select,.familyos-demo .custom-compose input,.familyos-demo .custom-compose select,.familyos-demo .finance-compose input,.familyos-demo .finance-compose select,.familyos-demo .meal-fields input,.familyos-demo .meal-fields select,.familyos-demo .shopping-compose input,.familyos-demo .shopping-compose select,.familyos-demo .member-form input,.familyos-demo .member-form select,.familyos-demo .composer input,.familyos-demo .composer select,.familyos-demo .calendar-compose input,.familyos-demo .calendar-compose select{background:var(--surface-2);border:1px solid var(--line);min-height:40px}.familyos-demo .life-compose button,.familyos-demo .lifestyle-compose button,.familyos-demo .custom-compose button,.familyos-demo .finance-compose button,.familyos-demo .meal-fields button,.familyos-demo .shopping-compose button,.familyos-demo .member-form button,.familyos-demo .composer button,.familyos-demo .calendar-compose button{background:#24262e;border-radius:10px;min-height:40px;font-weight:650}.familyos-demo .summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.familyos-demo .mini-summary{padding:16px}.familyos-demo .workload-bar span,.familyos-demo .workload-bar i{background:linear-gradient(90deg,var(--brand),#8a7cf4);border-radius:99px;height:100%;display:block}.familyos-demo .empty{background:linear-gradient(#fff,#fbfbfd)}.familyos-demo .action-toast{box-shadow:var(--shadow-md)}.familyos-demo .meal-compose>.label{margin:0 0 10px}.familyos-demo .meal-fields{grid-template-columns:150px 155px 145px minmax(230px,1fr) 92px;align-items:center;gap:8px;display:grid}.familyos-demo .meal-fields input,.familyos-demo .meal-fields select{border-radius:10px;width:100%;height:42px;padding:0 12px;font-size:12px}.familyos-demo .meal-fields button{color:#fff;border:0;justify-content:center;align-items:center;gap:6px;height:42px;padding:0 14px;display:flex}.familyos-demo .meal-date{background:var(--brand-soft);height:64px;color:var(--brand-strong);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;display:flex}.familyos-demo .meal-date span{letter-spacing:-.04em;font-size:24px;font-weight:750;line-height:1.05}.familyos-demo .meal-plan .label{margin:0 0 5px}.familyos-demo .meal-plan h3{margin:0 0 5px;font-size:15px;line-height:1.2}.familyos-demo .prep-card{background:linear-gradient(155deg,#fff 0%,#f8f7ff 100%);padding:20px;position:sticky;top:92px;overflow:hidden}.familyos-demo .prep-card:after{content:"";background:#6757e70f;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-45px;right:-35px}.familyos-demo .prep-card .label{color:var(--brand);margin:0 0 10px}.familyos-demo .prep-card h3{margin:0 0 9px;font-size:19px}.familyos-demo .prep-card p:last-child{color:var(--muted);z-index:1;margin:0;font-size:11px;line-height:1.65;position:relative}.familyos-demo .meal-days .lifestyle-empty{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:260px;padding:34px;display:flex}.familyos-demo .meal-days .lifestyle-empty>svg{background:var(--brand-soft);width:38px;height:38px;color:var(--brand);border-radius:13px;margin-bottom:12px;padding:9px}.familyos-demo .meal-days .lifestyle-empty h3{margin:0 0 7px;font-size:17px}.familyos-demo .meal-days .lifestyle-empty p{max-width:440px;color:var(--muted);margin:0;font-size:11px;line-height:1.6}.familyos-demo .finance-kpis>.card{flex-direction:column;justify-content:center;min-height:112px;padding:16px 17px;display:flex;position:relative;overflow:hidden}.familyos-demo .finance-kpis>.card:before{content:"";background:#d8d4fb;border-radius:0 3px 3px 0;width:3px;position:absolute;top:16px;bottom:16px;left:0}.familyos-demo .finance-kpis small{color:var(--muted);font-size:9px}.familyos-demo .finance-kpis .finance-alert:before{background:var(--danger)}.familyos-demo .cardhead{justify-content:space-between;align-items:center;gap:14px;display:flex}.familyos-demo .cardhead h3{margin:3px 0 0;font-size:17px}.familyos-demo .cardhead>.strong,.familyos-demo .cardhead>strong{color:var(--muted);font-size:11px;font-weight:650}.familyos-demo .money-row:first-of-type{border-top:0}.familyos-demo .money-row>span{background:var(--surface-3);color:#666b78;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:750;display:flex}.familyos-demo .money-row>span svg{width:15px}.familyos-demo .money-row strong{font-size:12px;display:block}.familyos-demo .money-row small{color:var(--muted);margin-top:2px;font-size:9px;display:block}.familyos-demo .money-row>b{white-space:nowrap;font-size:12px}.familyos-demo .money-row.commitment{grid-template-columns:36px minmax(0,1fr) auto auto}.familyos-demo .money-row.commitment button{border:1px solid var(--line);height:32px;color:var(--success);background:#fff;border-radius:9px;align-items:center;gap:5px;padding:0 10px;font-size:10px;display:flex}.familyos-demo .money-row.commitment button svg{width:13px}.familyos-demo .money-row.commitment.overdue>span{color:var(--danger);background:#fff0f1}.familyos-demo .recurring-money-compose{margin:14px 0;padding:18px}.familyos-demo .recurring-money-compose>.cardhead{margin-bottom:12px}.familyos-demo .recurring-money-compose>.cardhead>svg{width:18px;color:var(--brand)}.familyos-demo .recurring-money-compose input,.familyos-demo .recurring-money-compose select{border-radius:10px;width:100%;height:40px;padding:0 10px;font-size:10px}.familyos-demo .recurring-money-compose button{color:#fff;border:0;justify-content:center;align-items:center;gap:5px;height:40px;font-size:10px;display:flex}.familyos-demo .recurring-money-compose button svg{width:14px}.familyos-demo .finance-grid{grid-template-columns:minmax(0,1.55fr) minmax(260px,.7fr);align-items:start;gap:14px;display:grid}.familyos-demo .finance-grid>div{gap:14px;display:grid}.familyos-demo .finance-compose{padding:17px}.familyos-demo .finance-compose>.label{margin:0 0 10px}.familyos-demo .finance-grid .finance-compose>div{grid-template-columns:minmax(180px,1fr) 130px 110px 120px;gap:7px;display:grid}.familyos-demo .finance-grid .finance-compose input,.familyos-demo .finance-grid .finance-compose select{border-radius:10px;height:40px;padding:0 10px;font-size:10px}.familyos-demo .finance-grid .finance-compose button{color:#fff;border:0;justify-content:center;align-items:center;gap:5px;height:40px;font-size:10px;display:flex}.familyos-demo .transaction-card{padding:18px}.familyos-demo .transaction-card .cardhead{margin-bottom:8px}.familyos-demo .mortgage-card{color:#fff;background:linear-gradient(145deg,#252633,#34344b);grid-template-columns:42px 1fr;gap:13px;padding:20px;display:grid;position:relative;overflow:hidden}.familyos-demo .mortgage-card>svg{background:#ffffff1a;border-radius:12px;width:40px;height:40px;padding:10px}.familyos-demo .mortgage-card .label{color:#bbb9dc}.familyos-demo .mortgage-card p{color:#c5c6d2;margin:0;font-size:10px}.familyos-demo .mortgage-fields input{color:#fff;background:#ffffff14;border:1px solid #ffffff24;border-radius:9px;width:100%;height:38px;padding:0 10px}.familyos-demo .feature-page>[class*=finance],.familyos-demo .feature-page>[class*=budget],.familyos-demo .feature-page>[class*=savings],.familyos-demo .feature-page>[class*=investment],.familyos-demo .feature-page>[class*=worth],.familyos-demo .feature-page>[class*=debt]{scroll-margin-top:90px}@media (max-width:1100px){.familyos-demo main{padding-left:24px;padding-right:24px}.familyos-demo .feature-hero h1,.familyos-demo .hero h1{font-size:34px}.familyos-demo .meal-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.familyos-demo .meal-fields input:nth-of-type(2){grid-column:1/2}.familyos-demo .meal-fields button{grid-column:2/3}.familyos-demo .meal-module-grid{grid-template-columns:1fr}.familyos-demo .prep-card{position:static}.familyos-demo .meal-days{grid-template-columns:repeat(2,minmax(0,1fr))}.familyos-demo .finance-kpis{grid-template-columns:repeat(2,1fr)}.familyos-demo .recurring-money-compose>div:nth-child(2){grid-template-columns:repeat(3,1fr)}.familyos-demo .finance-grid{grid-template-columns:1fr}.familyos-demo .finance-grid .finance-compose>div{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.familyos-demo .shell{display:block}.familyos-demo .sidebar{display:none}.familyos-demo main{padding:0 18px 88px}.familyos-demo .feature-page{padding-top:18px}.familyos-demo .feature-hero h1,.familyos-demo .hero h1{font-size:31px}.familyos-demo .bottom{display:grid}.familyos-demo .quickgrid{grid-template-columns:repeat(2,1fr)}.familyos-demo .meal-fields,.familyos-demo .meal-days{grid-template-columns:1fr}.familyos-demo .meal-fields input:nth-of-type(2),.familyos-demo .meal-fields button{grid-column:auto}.familyos-demo .meal-compose{padding:14px}.familyos-demo .meal-plan{min-height:100px}.familyos-demo .prep-card{padding:18px}.familyos-demo .finance-kpis{grid-template-columns:1fr 1fr}.familyos-demo .finance-kpis>.card{min-height:100px;padding:14px}.familyos-demo .finance-kpis strong{font-size:21px}.familyos-demo .recurring-money-compose>div:nth-child(2),.familyos-demo .finance-grid .finance-compose>div{grid-template-columns:1fr}.familyos-demo .money-row.commitment{grid-template-columns:34px 1fr auto}.familyos-demo .money-row.commitment button{grid-column:2/-1;justify-self:start}.familyos-demo .mortgage-card{padding:17px}}.familyos-demo .hero{align-items:flex-end;padding:18px 2px 22px}.familyos-demo .hero h1 span{font-size:30px}.familyos-demo .members{align-items:flex-end;gap:9px}.familyos-demo .members button{min-width:54px;color:var(--muted);border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:4px 3px;display:flex}.familyos-demo .members button:hover{background:#f7f7fb}.familyos-demo .members button.selected{color:var(--brand-strong);background:var(--brand-soft)}.familyos-demo .members small{font-size:9px}.familyos-demo .members .avatar,.familyos-demo .members .everyone{width:38px;height:38px;font-size:11px;font-weight:750}.familyos-demo .grid{grid-template-columns:minmax(0,1.65fr) 330px;gap:16px}.familyos-demo .next{background:linear-gradient(135deg,#232530,#343647);border:0;min-height:148px;padding:22px 24px;position:relative;overflow:hidden;box-shadow:0 18px 44px #21233029}.familyos-demo .next:after{content:"";background:radial-gradient(circle,#7b6bef52,#7b6bef00 70%);border-radius:50%;width:190px;height:190px;position:absolute;top:-80px;right:-70px}.familyos-demo .next .label{color:#bbb8e8}.familyos-demo .next h2{max-width:620px;margin:7px 0;font-size:24px;line-height:1.15}.familyos-demo .next p:last-child{color:#c7c9d2;margin:0;font-size:11px}.familyos-demo .next-icon{z-index:1;background:#ffffff1a;border-radius:16px;place-items:center;width:50px;height:50px;font-size:24px;display:grid;position:relative}.familyos-demo .section-title{padding:5px 2px 0}.familyos-demo .section-title .label{margin:0}.familyos-demo .section-title h2{margin:4px 0;font-size:19px}.familyos-demo .section-title button{color:var(--brand-strong);background:0 0;border:0;align-items:center;gap:3px;font-size:10px;font-weight:650;display:flex}.familyos-demo .timeline{padding:8px 18px}.familyos-demo .event{grid-template-columns:68px 10px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 0}.familyos-demo .event time{color:#666b78;font-size:10px;font-weight:700}.familyos-demo .event strong{font-size:12px}.familyos-demo .event span{margin-top:3px;font-size:9px}.familyos-demo .event b{background:var(--brand-soft);color:var(--brand-strong);border-radius:8px;padding:5px 7px;font-size:8px}.familyos-demo .tasks,.familyos-demo .budget,.familyos-demo .meals,.familyos-demo .attention,.familyos-demo .care{padding:18px}.familyos-demo .tasks .cardhead h3,.familyos-demo .meals .cardhead h3,.familyos-demo .attention .cardhead h3,.familyos-demo .care .cardhead h3{margin:4px 0;font-size:15px}.familyos-demo .tasks .task{grid-template-columns:24px 1fr;align-items:center;gap:9px;padding:10px 0;display:grid}.familyos-demo .check{border:1px solid var(--line-strong);border-radius:7px;place-items:center;width:20px;height:20px;font-size:10px;display:grid}.familyos-demo .check.checked{background:var(--brand);border-color:var(--brand);color:#fff}.familyos-demo .budget{background:linear-gradient(155deg,#fff,#fbfaff)}.familyos-demo .budget h3{letter-spacing:-.05em;margin:6px 0 1px;font-size:30px}.familyos-demo .budget>p:not(.label){color:var(--muted);margin:0 0 14px;font-size:10px}.familyos-demo .budget .bar{background:#ececf3;height:8px}.familyos-demo .budget .bar span{background:linear-gradient(90deg,var(--brand),#8d7ff2);border-radius:99px}.familyos-demo .budgetrow{color:var(--muted);margin-top:10px;font-size:9px}.familyos-demo .budgetrow strong{color:var(--text);font-size:10px}.familyos-demo .textbutton{align-items:center;gap:3px;padding:10px 0 0;font-size:10px;font-weight:650;display:flex}.familyos-demo .right-column{position:relative}.familyos-demo .right-column>.card{box-shadow:var(--shadow-sm)}.familyos-demo .meals .softicon{background:#fff7eb;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.familyos-demo .meal{grid-template-columns:86px 1fr;align-items:center;gap:8px;padding:10px 0;display:grid}.familyos-demo .meal span{text-transform:capitalize}.familyos-demo .meal strong{font-size:11px}.familyos-demo .attention .count{text-align:center;min-width:25px}.familyos-demo .notice{grid-template-columns:30px 1fr 16px;align-items:center;gap:8px;padding:10px 0;display:grid}.familyos-demo .notice>span{background:#f5f5f8;border-radius:9px;place-items:center;width:28px;height:28px;font-size:10px;display:grid}.familyos-demo .notice.warning>span{color:var(--warning);background:#fff4e8}.familyos-demo .notice.celebration>span{background:#fff3f6}.familyos-demo .notice.maintenance>span{color:var(--success);background:#eef6f2}.familyos-demo .careitem{grid-template-columns:9px 1fr;align-items:start;gap:9px;display:grid}.familyos-demo .careitem>span{background:#c9ccd4;border-radius:50%;width:8px;height:8px;margin-top:4px}.familyos-demo .careitem>span.overdue{background:var(--danger)}.familyos-demo .careitem>span.due{background:var(--warning)}.familyos-demo .careitem>span.upcoming{background:var(--success)}.familyos-demo .right-column .empty.compact h3{font-size:13px}.familyos-demo .right-column .empty.compact p{font-size:9px}@media (max-width:1080px){.familyos-demo .grid{grid-template-columns:1fr}.familyos-demo .right-column{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.familyos-demo .right-column>.card{min-width:0}.familyos-demo .hero{align-items:flex-start;gap:18px}.familyos-demo .members{max-width:48%;padding-bottom:4px;overflow:auto}}@media (max-width:820px){.familyos-demo .hero{display:block}.familyos-demo .hero h1{font-size:34px}.familyos-demo .members{justify-content:flex-start;max-width:none;margin-top:16px;overflow:auto}.familyos-demo .grid{display:block}.familyos-demo .primary-column,.familyos-demo .right-column{gap:12px;display:grid}.familyos-demo .right-column{grid-template-columns:1fr;margin-top:12px}.familyos-demo .split{grid-template-columns:1fr}.familyos-demo .next{min-height:132px;padding:20px}.familyos-demo .next h2{font-size:20px}.familyos-demo .timeline{padding:6px 14px}.familyos-demo .event{grid-template-columns:58px 9px 1fr}.familyos-demo .event b{display:none}}.familyos-demo .task-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.familyos-demo .task-kpis article{align-items:center;gap:11px;min-height:94px;padding:15px 16px;display:flex;position:relative;overflow:hidden}.familyos-demo .task-kpis article:after{content:"";background:#6757e70b;border-radius:50%;width:70px;height:70px;position:absolute;bottom:-30px;right:-28px}.familyos-demo .task-kpis article>svg{background:var(--brand-soft);width:34px;height:34px;color:var(--brand);border-radius:11px;flex:none;padding:8px}.familyos-demo .task-kpis span,.familyos-demo .task-kpis small,.familyos-demo .task-kpis strong{display:block}.familyos-demo .task-kpis span{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:8px}.familyos-demo .task-kpis strong{letter-spacing:-.045em;margin:3px 0 1px;font-size:22px}.familyos-demo .task-kpis small{color:var(--muted-2);font-size:8px}.familyos-demo .tasks-page .task-composer{grid-template-columns:minmax(250px,2fr) 150px 145px 110px;gap:8px;margin-bottom:14px;padding:17px 18px;display:grid}.familyos-demo .tasks-page .task-composer input,.familyos-demo .tasks-page .task-composer select{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;min-width:0;height:42px;padding:0 11px;font-size:10px}.familyos-demo .tasks-page .task-composer>button{color:#fff;background:#262831;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:42px;font-size:10px;font-weight:700;display:flex}.familyos-demo .tasks-page .task-composer .member-pills{grid-column:1/-1;gap:7px;padding-top:2px;display:flex;overflow:auto}.familyos-demo .tasks-page .member-pill{height:32px;color:var(--muted);background:#f6f7fa;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:0 8px;font-size:9px;display:flex}.familyos-demo .tasks-page .member-pill:hover{border-color:var(--line-strong);background:#fff}.familyos-demo .tasks-page .member-pill.selected{background:var(--brand-soft);color:var(--brand-strong);border-color:#d8d3fb}.familyos-demo .tasks-page .member-pill .avatar.micro{border-radius:7px;width:22px;height:22px;font-size:7px}.familyos-demo .task-board{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:start;gap:14px;display:grid}.familyos-demo .task-list{min-height:300px;padding:8px 18px 18px}.familyos-demo .task-section-head{justify-content:space-between;align-items:center;padding:14px 2px 10px;display:flex}.familyos-demo .task-section-head h3{margin:4px 0;font-size:17px}.familyos-demo .task-section-head>span{background:var(--brand-soft);min-width:30px;height:30px;color:var(--brand-strong);border-radius:9px;place-items:center;padding:0 8px;font-size:10px;font-weight:750;display:grid}.familyos-demo .task-row{text-align:left;background:0 0;border:0;border-top:1px solid #eef0f4;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;padding:12px 2px;display:grid}.familyos-demo .task-row:first-of-type{border-top:0}.familyos-demo .task-row:hover{background:#fafafe;border-radius:10px;padding-left:8px;padding-right:8px}.familyos-demo .task-row>span:nth-child(2) strong,.familyos-demo .task-row>span:nth-child(2) small{display:block}.familyos-demo .task-row>span:nth-child(2) strong{font-size:12px;line-height:1.25}.familyos-demo .task-row>span:nth-child(2) small{color:var(--muted);margin-top:4px;font-size:8px}.familyos-demo .task-toggle{border:1px solid var(--line-strong);background:#fff;border-radius:7px;place-items:center;width:22px;height:22px;display:grid}.familyos-demo .task-row:hover .task-toggle{border-color:#bcb4fb}.familyos-demo .task-toggle.done{background:var(--brand);color:#fff;border-color:var(--brand)}.familyos-demo .assignment-badge{color:var(--muted);background:#f5f6f9;border-radius:8px;align-items:center;gap:4px;padding:5px 7px;font-size:8px;display:flex}.familyos-demo .assignment-badge svg{width:11px}.familyos-demo .task-row.completed{opacity:.7}.familyos-demo .task-row.completed strong{color:var(--muted);text-decoration:line-through}.familyos-demo .done-list{background:linear-gradient(155deg,#fff,#fbfbfd)}.familyos-demo .done-list .task-section-head>span{color:#4c755c;background:#eef5f1}.familyos-demo .done-list .task-toggle.done{background:#5e7d68;border-color:#5e7d68}.familyos-demo .tasks-page .empty.compact{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:28px 16px;display:flex}.familyos-demo .tasks-page .empty.compact>svg{background:var(--brand-soft);width:38px;height:38px;color:var(--brand);border-radius:12px;margin-bottom:10px;padding:9px}.familyos-demo .done-list .empty.compact>svg{color:#5e7d68;background:#eef5f1}.familyos-demo .tasks-page .empty.compact h3{margin:0 0 5px;font-size:15px}.familyos-demo .tasks-page .empty.compact p{color:var(--muted);max-width:300px;margin:0;font-size:9px;line-height:1.55}@media (max-width:1000px){.familyos-demo .task-kpis{grid-template-columns:repeat(2,1fr)}.familyos-demo .task-board{grid-template-columns:1fr}.familyos-demo .tasks-page .task-composer{grid-template-columns:1fr 1fr}.familyos-demo .tasks-page .task-composer .member-pills{grid-column:1/-1}}@media (max-width:620px){.familyos-demo .task-kpis{grid-template-columns:1fr 1fr}.familyos-demo .tasks-page .task-composer{grid-template-columns:1fr}.familyos-demo .tasks-page .task-composer .member-pills{grid-column:auto}.familyos-demo .task-kpis article{min-height:88px;padding:13px}.familyos-demo .task-list{padding:7px 13px 14px}.familyos-demo .task-row{grid-template-columns:24px 1fr}.familyos-demo .assignment-badge{display:none}}.familyos-demo .calendar-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.familyos-demo .calendar-kpis article{align-items:center;gap:12px;min-height:96px;padding:16px;display:flex;position:relative;overflow:hidden}.familyos-demo .calendar-kpis article:after{content:"";background:#6757e70d;border-radius:50%;width:72px;height:72px;position:absolute;bottom:-32px;right:-28px}.familyos-demo .calendar-kpis article>svg{background:var(--brand-soft);width:34px;height:34px;color:var(--brand);border-radius:11px;flex:none;padding:8px}.familyos-demo .calendar-kpis span,.familyos-demo .calendar-kpis strong,.familyos-demo .calendar-kpis small{display:block}.familyos-demo .calendar-kpis span{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:8px}.familyos-demo .calendar-kpis strong{letter-spacing:-.045em;margin:3px 0 1px;font-size:22px}.familyos-demo .calendar-kpis small{color:var(--muted-2);font-size:8px}.familyos-demo .calendar-page .calendar-compose{grid-template-columns:minmax(220px,1.4fr) 185px minmax(180px,1fr) 112px;align-items:center;gap:8px;margin-bottom:16px;padding:17px 18px;display:grid}.familyos-demo .calendar-page .calendar-compose input{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;min-width:0;height:42px;padding:0 11px;font-size:10px}.familyos-demo .calendar-page .calendar-compose>button{color:#fff;background:#262831;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:42px;font-size:10px;font-weight:700;display:flex}.familyos-demo .calendar-page .calendar-member-pills{grid-column:1/-1;gap:7px;padding-top:3px;display:flex;overflow:auto}.familyos-demo .calendar-page .member-pill{height:32px;color:var(--muted);background:#f6f7fa;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:0 8px;font-size:9px;display:flex}.familyos-demo .calendar-page .member-pill:hover{border-color:var(--line-strong);background:#fff}.familyos-demo .calendar-page .member-pill.selected{background:var(--brand-soft);color:var(--brand-strong);border-color:#d8d3fb}.familyos-demo .calendar-page .member-pill .avatar.micro{border-radius:7px;width:22px;height:22px;font-size:7px}.familyos-demo .calendar-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:14px;display:grid}.familyos-demo .calendar-page .agenda{min-height:360px;padding:8px 20px 18px}.familyos-demo .calendar-section-head{justify-content:space-between;align-items:center;padding:15px 2px 10px;display:flex}.familyos-demo .calendar-section-head h3{margin:4px 0;font-size:17px}.familyos-demo .calendar-section-head>span{background:var(--brand-soft);min-width:30px;height:30px;color:var(--brand-strong);border-radius:9px;place-items:center;padding:0 8px;font-size:10px;font-weight:750;display:grid}.familyos-demo .agenda-row{border-top:1px solid #eef0f4;grid-template-columns:66px 12px minmax(0,1fr);align-items:start;gap:12px;padding:13px 0;display:grid}.familyos-demo .agenda-row:first-of-type{border-top:0}.familyos-demo .agenda-date{width:62px;height:58px;color:var(--brand-strong);background:linear-gradient(145deg,#f6f4ff,#ece8ff);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;display:flex}.familyos-demo .agenda-date strong{font-size:12px;line-height:1}.familyos-demo .agenda-date small{text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:8px}.familyos-demo .agenda-line{background:var(--brand);border-radius:50%;width:8px;height:8px;margin-top:12px;box-shadow:0 0 0 4px #6757e717}.familyos-demo .agenda-main>strong,.familyos-demo .agenda-main>small,.familyos-demo .agenda-main>.agenda-members{display:flex}.familyos-demo .agenda-main>strong{margin-bottom:5px;font-size:13px;line-height:1.25}.familyos-demo .agenda-main>small,.familyos-demo .agenda-main>.agenda-members{color:var(--muted);align-items:center;gap:5px;margin-top:4px;font-size:9px}.familyos-demo .agenda-main svg{width:11px}.familyos-demo .agenda-main>.agenda-members.muted{color:var(--muted-2)}.familyos-demo .calendar-side{align-content:start;gap:12px;display:grid;position:sticky;top:92px}.familyos-demo .calendar-side article{background:linear-gradient(155deg,#fff,#fbfbfe);min-height:145px;padding:20px}.familyos-demo .calendar-side article:first-child{color:#fff;background:linear-gradient(145deg,#272934,#373849);border:0}.familyos-demo .calendar-side article:first-child .label{color:#bebbe7}.familyos-demo .calendar-side article:first-child p:last-child{color:#c8cad3}.familyos-demo .calendar-side h3{margin:7px 0;font-size:17px;line-height:1.3}.familyos-demo .calendar-side p:last-child{color:var(--muted);margin-bottom:0;font-size:10px;line-height:1.6}.familyos-demo .calendar-page .empty.compact{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:250px;display:flex}.familyos-demo .calendar-page .empty.compact>svg{background:var(--brand-soft);width:40px;height:40px;color:var(--brand);border-radius:13px;margin-bottom:10px;padding:10px}.familyos-demo .calendar-page .empty.compact h3{margin:0 0 5px;font-size:16px}.familyos-demo .calendar-page .empty.compact p{color:var(--muted);margin:0;font-size:9px}@media (max-width:1050px){.familyos-demo .calendar-kpis{grid-template-columns:repeat(2,1fr)}.familyos-demo .calendar-layout{grid-template-columns:1fr}.familyos-demo .calendar-side{grid-template-columns:1fr 1fr;position:static}.familyos-demo .calendar-page .calendar-compose{grid-template-columns:1fr 1fr}.familyos-demo .calendar-page .calendar-member-pills{grid-column:1/-1}}@media (max-width:700px){.familyos-demo .calendar-page .calendar-compose{grid-template-columns:1fr}.familyos-demo .calendar-page .calendar-member-pills{grid-column:auto}.familyos-demo .calendar-side{grid-template-columns:1fr}.familyos-demo .calendar-kpis{grid-template-columns:1fr 1fr}.familyos-demo .calendar-kpis article{min-height:88px;padding:13px}.familyos-demo .calendar-page .agenda{padding:8px 14px 16px}.familyos-demo .agenda-row{grid-template-columns:56px 10px 1fr;gap:9px}.familyos-demo .agenda-date{width:52px;height:52px}.familyos-demo .calendar-side article{min-height:auto}}.familyos-demo .family-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.familyos-demo .family-summary>.card{align-items:center;gap:12px;padding:15px 17px;display:flex}.familyos-demo .family-summary svg{background:var(--brand-soft);width:34px;height:34px;color:var(--brand);border-radius:11px;padding:8px}.familyos-demo .family-summary strong{letter-spacing:-.04em;font-size:21px;display:block}.familyos-demo .family-summary span{color:var(--muted);font-size:9px}.familyos-demo .family-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:16px;display:grid}.familyos-demo .family-section-head{justify-content:space-between;align-items:end;margin:2px 2px 12px;display:flex}.familyos-demo .family-section-head h2{letter-spacing:-.03em;margin:4px 0 0;font-size:19px}.familyos-demo .family-section-head small{color:var(--muted);font-size:9px}.familyos-demo .family-member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.familyos-demo .family-member-card{text-align:left;border:1px solid var(--line);flex-direction:column;min-height:205px;padding:18px;transition:all .18s;display:flex}.familyos-demo .family-member-card:hover{box-shadow:var(--shadow-md);border-color:#d3cef8;transform:translateY(-2px)}.familyos-demo .member-card-top{justify-content:space-between;align-items:start;display:flex}.familyos-demo .family-member-card .avatar.big{border-radius:16px;width:52px;height:52px;font-size:14px}.familyos-demo .member-role{text-transform:uppercase;letter-spacing:.1em;background:var(--surface-3);color:var(--muted);border-radius:99px;padding:5px 8px;font-size:8px;font-weight:700}.familyos-demo .member-card-copy h3{margin:0 0 5px;font-size:17px}.familyos-demo .member-card-copy p{color:var(--muted);max-width:280px;margin:0;font-size:9px;line-height:1.55}.familyos-demo .member-card-footer{color:var(--brand-strong);border-top:1px solid #eef0f4;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;font-size:9px;font-weight:700;display:flex}.familyos-demo .member-card-footer svg{width:15px}.familyos-demo .family-add-panel{background:linear-gradient(155deg,#fff,#f9f8ff);padding:22px;position:sticky;top:92px}.familyos-demo .family-add-icon{background:var(--brand-soft);width:44px;height:44px;color:var(--brand);border-radius:14px;place-items:center;margin-bottom:18px;display:grid}.familyos-demo .family-add-icon svg{width:20px}.familyos-demo .family-add-panel h2{margin:5px 0 7px;font-size:21px}.familyos-demo .family-add-panel>p:not(.label){color:var(--muted);margin:0 0 17px;font-size:10px;line-height:1.6}.familyos-demo .family-add-form{gap:10px;display:grid}.familyos-demo .family-add-form label{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-size:8px;font-weight:700}.familyos-demo .family-add-form input,.familyos-demo .family-add-form select{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;height:42px;margin-top:5px;padding:0 11px;font-size:11px;display:block}.familyos-demo .family-add-form button{color:#fff;background:#25272f;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:42px;margin-top:3px;font-size:11px;font-weight:700;display:flex}.familyos-demo .member-profile>.mini-action{margin-bottom:12px}.familyos-demo .profile-hero{color:#fff;background:linear-gradient(135deg,#272934,#393a4c);border:0;align-items:center;gap:20px;min-height:176px;padding:25px 28px;display:flex;position:relative;overflow:hidden}.familyos-demo .profile-hero:after{content:"";background:radial-gradient(circle,#7969ec59,#7969ec00 70%);border-radius:50%;width:230px;height:230px;position:absolute;top:-100px;right:-70px}.familyos-demo .profile-avatar{letter-spacing:-.05em;background:#ffffff1c;border-radius:22px;place-items:center;width:76px;height:76px;font-size:23px;font-weight:800;display:grid}.familyos-demo .profile-hero .eyebrow{color:#c1bdec}.familyos-demo .profile-hero h1{letter-spacing:-.045em;margin:5px 0;font-size:31px}.familyos-demo .profile-hero p:last-child{color:#c8cad4;margin:0;font-size:10px}.familyos-demo .profile-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0;display:grid}.familyos-demo .profile-stats>.card{align-items:center;gap:10px;padding:14px;display:flex}.familyos-demo .profile-stats svg{background:var(--brand-soft);width:30px;height:30px;color:var(--brand);border-radius:10px;padding:7px}.familyos-demo .profile-stats strong{font-size:17px;display:block}.familyos-demo .profile-stats small{color:var(--muted);font-size:8px}.familyos-demo .profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.familyos-demo .profile-card .cardhead{margin-bottom:8px}.familyos-demo .profile-card .cardhead>svg{width:18px;color:var(--brand)}.familyos-demo .profile-card .cardhead h3{margin:4px 0;font-size:15px}.familyos-demo .profile-row{border-top:1px solid #eef0f4;padding:10px 0}.familyos-demo .profile-row strong{font-size:10px;display:block}.familyos-demo .profile-row small{color:var(--muted);margin-top:3px;font-size:8px;line-height:1.45;display:block}.familyos-demo .profile-inline-form{border-top:1px solid #eef0f4;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:11px;display:grid}.familyos-demo .profile-inline-form input,.familyos-demo .profile-inline-form select{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;height:38px;padding:0 9px;font-size:9px}.familyos-demo .profile-inline-form button{color:#fff;background:#25272f;border:0;border-radius:9px;justify-content:center;align-items:center;gap:5px;height:38px;font-size:9px;display:flex}.familyos-demo .profile-inline-form button svg{width:13px}@media (max-width:1050px){.familyos-demo .family-layout{grid-template-columns:1fr}.familyos-demo .family-add-panel{position:static}.familyos-demo .family-add-form{grid-template-columns:repeat(2,1fr)}.familyos-demo .family-add-form button{align-self:end}.familyos-demo .profile-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.familyos-demo .family-summary{grid-template-columns:1fr 1fr}.familyos-demo .family-summary>.card:first-child{grid-column:1/-1}.familyos-demo .family-member-grid,.familyos-demo .profile-grid,.familyos-demo .family-add-form{grid-template-columns:1fr}.familyos-demo .family-section-head{align-items:start;display:block}.familyos-demo .family-section-head small{margin-top:5px;display:block}.familyos-demo .profile-hero{min-height:150px;padding:20px}.familyos-demo .profile-avatar{border-radius:18px;width:62px;height:62px}.familyos-demo .profile-hero h1{font-size:25px}.familyos-demo .profile-stats{grid-template-columns:1fr 1fr}}.familyos-demo .children-page{--child-gap:14px}.familyos-demo .children-hero{margin-bottom:18px}.familyos-demo .children-overview-strip{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.familyos-demo .children-overview-strip article{align-items:center;gap:11px;min-height:76px;padding:14px 16px;display:flex}.familyos-demo .children-overview-strip svg{width:18px;height:18px;color:var(--brand);box-sizing:content-box;background:var(--brand-soft);border-radius:11px;padding:8px}.familyos-demo .children-overview-strip strong,.familyos-demo .children-overview-strip span{display:block}.familyos-demo .children-overview-strip strong{letter-spacing:-.04em;font-size:21px;line-height:1}.familyos-demo .children-overview-strip span{color:var(--muted);margin-top:4px;font-size:10px}.familyos-demo .child-profile-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-bottom:16px;display:grid}.familyos-demo .child-profile{padding:18px}.familyos-demo .child-profile-top{grid-template-columns:48px 1fr auto;align-items:center;gap:12px;display:grid}.familyos-demo .child-avatar{width:48px;height:48px;font-size:13px;font-weight:800}.familyos-demo .child-profile h2{margin:2px 0 1px;font-size:18px}.familyos-demo .child-status{color:var(--muted);font-size:10px}.familyos-demo .child-progress-ring{border:6px solid var(--brand-soft);border-top-color:var(--brand);text-align:center;border-radius:50%;place-content:center;width:62px;height:62px;display:grid}.familyos-demo .child-progress-ring strong{font-size:13px;line-height:1}.familyos-demo .child-progress-ring small{color:var(--muted);margin-top:3px;font-size:8px}.familyos-demo .child-metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:15px 0 11px;padding:10px 0;display:grid}.familyos-demo .child-metrics span{text-align:center;color:var(--muted);border-right:1px solid var(--line);font-size:9px}.familyos-demo .child-metrics span:last-child{border-right:0}.familyos-demo .child-metrics b{color:var(--text);margin-bottom:2px;font-size:13px;display:block}.familyos-demo .child-tabs{background:#e9ebf1;border-radius:13px;gap:5px;width:max-content;max-width:100%;margin:0 0 16px;padding:5px;display:flex}.familyos-demo .child-tabs button{color:#6c7180;white-space:nowrap;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:9px 13px;font-size:10px;font-weight:650;display:flex}.familyos-demo .child-tabs button svg{width:14px}.familyos-demo .child-tabs button.active{color:var(--text);background:#fff;box-shadow:0 1px 3px #191d2a14}.familyos-demo .children-overview-grid{grid-template-columns:1.5fr .8fr;gap:14px;display:grid}.familyos-demo .child-focus,.familyos-demo .child-shortcuts{padding:20px}.familyos-demo .child-focus .cardhead h3,.familyos-demo .child-shortcuts h3{margin:4px 0 12px;font-size:16px}.familyos-demo .child-focus .cardhead button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 9px;font-size:9px}.familyos-demo .child-focus-row{border-top:1px solid var(--line);grid-template-columns:9px 1fr;align-items:center;gap:11px;padding:12px 2px;display:grid}.familyos-demo .focus-dot{background:var(--brand);border-radius:50%;width:8px;height:8px}.familyos-demo .focus-dot.danger{background:var(--danger)}.familyos-demo .child-focus-row strong,.familyos-demo .child-focus-row small{display:block}.familyos-demo .child-focus-row strong{font-size:11px}.familyos-demo .child-focus-row small{color:var(--muted);margin-top:3px;font-size:9px}.familyos-demo .child-shortcuts>button{text-align:left;border:0;border-top:1px solid var(--line);background:0 0;grid-template-columns:38px 1fr;align-items:center;gap:10px;width:100%;padding:11px 0;display:grid}.familyos-demo .child-shortcuts>button>svg{box-sizing:content-box;background:var(--brand-soft);width:18px;height:18px;color:var(--brand);border-radius:11px;padding:9px}.familyos-demo .child-shortcuts strong,.familyos-demo .child-shortcuts small{display:block}.familyos-demo .child-shortcuts strong{font-size:11px}.familyos-demo .child-shortcuts small{color:var(--muted);margin-top:3px;font-size:8px}.familyos-demo .child-compose{grid-template-columns:.8fr .9fr 1.4fr .9fr .8fr auto;gap:8px;margin-bottom:12px;padding:12px;display:grid}.familyos-demo .child-compose input,.familyos-demo .child-compose select{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;min-width:0;padding:9px;font-size:10px}.familyos-demo .child-compose button{color:#fff;background:#24262e;border:0;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:0 15px;font-size:10px;font-weight:700;display:flex}.familyos-demo .child-compose button svg{width:14px}.familyos-demo .child-school-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.familyos-demo .child-school-item{grid-template-columns:36px 1fr;align-items:start;gap:11px;padding:15px;display:grid}.familyos-demo .child-school-item h3{margin:4px 0;font-size:12px}.familyos-demo .child-school-item small{color:var(--muted);font-size:8px}.familyos-demo .child-empty{text-align:center;grid-column:1/-1;padding:45px}.familyos-demo .child-empty>svg,.familyos-demo .empty.compact>svg{width:24px;color:var(--brand)}.familyos-demo .child-empty h3,.familyos-demo .empty.compact h3{margin:9px 0 4px}.familyos-demo .child-empty p,.familyos-demo .empty.compact p{color:var(--muted);font-size:9px}.familyos-demo .empty.compact{padding:28px 10px}.familyos-demo .children-page>section.card{padding:20px;margin-top:0!important}.familyos-demo .children-page>section.card>.life-compose{box-shadow:none;border:1px solid var(--line)}.familyos-demo .child-routines-panel{padding:20px!important}.familyos-demo .child-routine-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.familyos-demo .child-routine-kpi{border:1px solid var(--line);background:linear-gradient(#fff,#fbfbfd);border-radius:14px;padding:14px}.familyos-demo .child-routine-kpi .summary-top{align-items:center;gap:10px;display:flex}.familyos-demo .child-routine-kpi .avatar{width:34px;height:34px;font-size:10px}.familyos-demo .child-routine-kpi h3{margin:2px 0;font-size:16px}.familyos-demo .child-routine-kpi .workload-bar{margin:11px 0 9px}.familyos-demo .child-routine-kpi .summary-stats{color:var(--muted);gap:14px;font-size:9px;display:flex}.familyos-demo .child-routine-kpi .summary-stats span{align-items:center;gap:4px;display:flex}.familyos-demo .child-routine-kpi .summary-stats svg{width:13px}.familyos-demo .child-routine-compose{border:1px solid var(--line);background:#f7f7fa;border-radius:14px;grid-template-columns:.75fr .85fr 1.45fr .8fr .75fr 1.05fr auto;gap:7px;padding:10px;display:grid}.familyos-demo .child-routine-compose input,.familyos-demo .child-routine-compose select{background:#fff;border:1px solid #e2e3e9;border-radius:9px;min-width:0;padding:9px;font-size:10px}.familyos-demo .child-routine-compose>button{color:#fff;white-space:nowrap;background:#25262e;border:0;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:9px 13px;font-size:10px;font-weight:700;display:flex}.familyos-demo .child-routine-compose>button svg{width:14px}.familyos-demo .routine-reward-link{background:#fff;border:1px solid #e2e3e9;border-radius:9px;grid-template-columns:28px 1fr auto;align-items:center;gap:6px;padding:5px 8px;display:grid}.familyos-demo .routine-reward-link .channel-icon{width:27px;height:27px}.familyos-demo .routine-reward-link strong,.familyos-demo .routine-reward-link small{display:block}.familyos-demo .routine-reward-link strong{font-size:8px}.familyos-demo .routine-reward-link small{color:var(--muted);font-size:7px}.familyos-demo .child-routine-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.familyos-demo .child-routine-group{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px}.familyos-demo .child-routine-group-head{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.familyos-demo .child-routine-group-head span{background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:3px 7px;font-size:8px}.familyos-demo .child-routine-list{gap:6px;display:grid}.familyos-demo .child-routine-item{background:#f8f8fb;border-radius:10px;grid-template-columns:28px 1fr 18px;align-items:center;gap:9px;padding:9px;display:grid}.familyos-demo .child-routine-item h3{margin:2px 0;font-size:11px}.familyos-demo .child-routine-item small{color:var(--muted);font-size:8px}.familyos-demo .child-routine-item>svg{width:15px;color:var(--muted)}.familyos-demo .child-panel-empty{text-align:center;padding:28px 12px}.familyos-demo .child-panel-empty>svg{width:24px;color:var(--brand)}.familyos-demo .child-panel-empty h3{margin:8px 0 4px;font-size:13px}.familyos-demo .child-panel-empty p{color:var(--muted);margin:0;font-size:9px}.familyos-demo .allowance-panel{padding:20px!important}.familyos-demo .allowance-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.familyos-demo .allowance-panel-head h2{letter-spacing:-.03em;margin:3px 0;font-size:18px}.familyos-demo .allowance-panel-head p:not(.label){color:var(--muted);margin:0;font-size:9px}.familyos-demo .allowance-child-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.familyos-demo .allowance-child-card{border:1px solid var(--line);background:linear-gradient(#fff,#fbfbfd);border-radius:14px;padding:14px}.familyos-demo .allowance-child-top{align-items:center;gap:9px;display:flex}.familyos-demo .allowance-child-top .avatar{width:34px;height:34px;font-size:10px}.familyos-demo .allowance-child-top h3{margin:2px 0;font-size:17px}.familyos-demo .allowance-breakdown{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:11px 0;padding:9px 0;display:grid}.familyos-demo .allowance-breakdown span{text-align:center;border-right:1px solid var(--line)}.familyos-demo .allowance-breakdown span:last-child{border:0}.familyos-demo .allowance-breakdown small,.familyos-demo .allowance-breakdown strong{display:block}.familyos-demo .allowance-breakdown small{color:var(--muted);font-size:7px}.familyos-demo .allowance-breakdown strong{margin-top:2px;font-size:10px}.familyos-demo .allowance-child-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.familyos-demo .allowance-child-foot>small{color:var(--muted);font-size:8px}.familyos-demo .allowance-child-foot button{color:#fff;background:#292a32;border:0;border-radius:8px;align-items:center;gap:4px;padding:7px 9px;font-size:8px;font-weight:700;display:flex}.familyos-demo .allowance-child-foot button:disabled{opacity:.45}.familyos-demo .allowance-child-foot svg{width:12px}.familyos-demo .allowance-panel>section.card{border:1px solid var(--line);box-shadow:none;background:#fafafd;padding:14px;margin:0 0 12px!important}.familyos-demo .allowance-panel>section.card .cardhead h3{font-size:13px}.familyos-demo .allowance-panel>section.card .brief-switch{margin:8px 0!important}.familyos-demo .allowance-panel>section.card .life-compose{padding:8px;margin-top:8px!important}.familyos-demo .allowance-panel>section.card .mini-summary{padding:11px;margin-top:9px!important}.familyos-demo .allowance-panel>section.card .cardhead[style]{margin-top:12px!important}.familyos-demo .allowance-section-head{justify-content:space-between;align-items:end;gap:12px;margin:14px 0 8px;display:flex}.familyos-demo .allowance-section-head h3,.familyos-demo .allowance-history-head h3{margin:3px 0;font-size:14px}.familyos-demo .allowance-filter{background:#f0f1f5;border-radius:10px;gap:4px;padding:4px;display:flex}.familyos-demo .allowance-filter button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:6px 8px;font-size:8px}.familyos-demo .allowance-filter button.active{color:var(--text);background:#fff;box-shadow:0 1px 3px #0000000d}.familyos-demo .allowance-activity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.familyos-demo .allowance-activity{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:32px 1fr;gap:9px;padding:11px;display:grid}.familyos-demo .allowance-activity h3{margin:2px 0;font-size:10px}.familyos-demo .allowance-activity small{color:var(--muted);font-size:8px}.familyos-demo .allowance-activity .link-actions{margin-top:7px}.familyos-demo .allowance-activity .link-actions button{padding:5px 7px;font-size:7px}.familyos-demo .allowance-empty{min-height:130px!important;padding:20px!important}.familyos-demo .allowance-history-head{border-top:1px solid var(--line);margin:16px 0 8px;padding-top:12px}.familyos-demo .allowance-history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.familyos-demo .allowance-history-row{background:#f8f8fb;border-radius:11px;grid-template-columns:32px 1fr;align-items:center;gap:9px;padding:10px;display:grid}.familyos-demo .allowance-history-row h3{margin:2px 0;font-size:11px}.familyos-demo .allowance-history-row small{color:var(--muted);font-size:7px}.familyos-demo .children-page .summary-grid{gap:10px}.familyos-demo .children-page .summary-grid .mini-summary{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px}.familyos-demo .children-page .summary-grid .mini-summary h3{font-size:15px}.familyos-demo .children-page .summary-grid .summary-stats{flex-wrap:wrap;gap:8px 14px;font-size:9px;display:flex}.familyos-demo .children-page .empty{padding:30px 12px}.familyos-demo .children-page .life-grid{gap:8px}.familyos-demo .children-page .life-item{padding:11px 12px}.familyos-demo .children-page .life-item h3{font-size:11px}.familyos-demo .children-page .life-item small{font-size:8px}@media (max-width:1100px){.familyos-demo .child-routine-compose{grid-template-columns:repeat(4,1fr)}}@media (max-width:980px){.familyos-demo .children-overview-strip{grid-template-columns:repeat(2,1fr)}.familyos-demo .children-overview-grid{grid-template-columns:1fr}.familyos-demo .child-compose{grid-template-columns:repeat(2,1fr)}.familyos-demo .child-compose button{min-height:40px}.familyos-demo .child-school-grid,.familyos-demo .child-routine-groups{grid-template-columns:1fr}}@media (max-width:760px){.familyos-demo .child-routine-summary,.familyos-demo .allowance-child-grid,.familyos-demo .allowance-activity-grid,.familyos-demo .allowance-history-grid{grid-template-columns:1fr}.familyos-demo .child-routine-compose{grid-template-columns:1fr 1fr}.familyos-demo .allowance-section-head{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.familyos-demo .children-overview-strip{grid-template-columns:1fr 1fr}.familyos-demo .children-overview-strip article{padding:12px}.familyos-demo .child-profile-grid{grid-template-columns:1fr}.familyos-demo .child-tabs{width:100%;overflow:auto}.familyos-demo .child-tabs button{padding:9px 10px}.familyos-demo .child-compose,.familyos-demo .child-routine-compose,.familyos-demo .child-school-grid{grid-template-columns:1fr}.familyos-demo .children-page>section.card{padding:14px}.familyos-demo .allowance-panel-head{flex-direction:column;align-items:flex-start}.familyos-demo .allowance-filter{width:100%;overflow:auto}}.familyos-demo .meal-compose>.label{margin-bottom:10px}.familyos-demo .meal-fields{grid-template-columns:140px 145px 125px minmax(220px,1fr) 92px;gap:8px;display:grid}.familyos-demo .meal-fields input,.familyos-demo .meal-fields select{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;min-width:0;height:42px;padding:0 10px;font-size:9px}.familyos-demo .meal-fields button{color:#fff;background:#302d28;border:0;border-radius:10px;justify-content:center;align-items:center;gap:5px;height:42px;font-size:9px;font-weight:700;display:flex}.familyos-demo .meal-fields button svg{width:13px}.familyos-demo .meal-module-grid{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:14px;display:grid}.familyos-demo .meal-days{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.familyos-demo .meal-plan{grid-template-columns:56px 1fr;align-items:center;gap:13px;min-height:118px;padding:15px;transition:all .16s;display:grid}.familyos-demo .meal-plan:hover{box-shadow:var(--shadow-md);border-color:#e1ddd4;transform:translateY(-1px)}.familyos-demo .meal-date{color:#715f3d;background:linear-gradient(145deg,#f8f4eb,#efe8da);border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:56px;height:68px;display:flex}.familyos-demo .meal-date strong{text-transform:uppercase;letter-spacing:.08em;font-size:8px}.familyos-demo .meal-date span{letter-spacing:-.05em;margin-top:2px;font-size:23px;font-weight:750}.familyos-demo .meal-plan .label{color:#998869;margin:0 0 5px}.familyos-demo .meal-plan h3{margin:0 0 5px;font-size:14px}.familyos-demo .meal-plan small{color:var(--muted);font-size:8px}.familyos-demo .prep-card{color:#fff;background:linear-gradient(150deg,#302d28,#454039);border:0;min-height:190px;padding:22px;position:sticky;top:92px}.familyos-demo .prep-card .label{color:#d7c49f}.familyos-demo .prep-card h3{letter-spacing:-.03em;margin:7px 0;font-size:19px}.familyos-demo .prep-card p:last-child{color:#d4d0c9;margin-bottom:0;font-size:9px;line-height:1.65}.familyos-demo .meal-days .lifestyle-empty{grid-column:1/-1;min-height:250px}.familyos-demo .inline-status{color:#8b6941;background:#fff4e8;border:1px solid #f0dfca;border-radius:10px;margin-bottom:12px;padding:10px 13px;font-size:9px}@media (max-width:1000px){.familyos-demo .meal-fields{grid-template-columns:1fr 1fr 1fr}.familyos-demo .meal-fields input:nth-of-type(2){grid-column:1/3}.familyos-demo .meal-module-grid{grid-template-columns:1fr}.familyos-demo .prep-card{min-height:auto;position:static}}@media (max-width:720px){.familyos-demo .meal-fields{grid-template-columns:1fr 1fr}.familyos-demo .meal-fields input:nth-of-type(2){grid-column:auto}.familyos-demo .meal-days{grid-template-columns:1fr}}@media (max-width:500px){.familyos-demo .meal-fields{grid-template-columns:1fr}.familyos-demo .meal-plan{grid-template-columns:50px 1fr}.familyos-demo .meal-date{width:50px;height:62px}}.familyos-demo .shopping-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.familyos-demo .shopping-kpis>.card{align-items:center;gap:11px;min-height:94px;padding:15px 16px;display:flex}.familyos-demo .shopping-kpis>.card>svg{width:34px;height:34px;color:var(--brand);background:#f5f1ff;border-radius:11px;flex:none;padding:8px}.familyos-demo .shopping-kpis span,.familyos-demo .shopping-kpis strong,.familyos-demo .shopping-kpis small{display:block}.familyos-demo .shopping-kpis span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:8px}.familyos-demo .shopping-kpis strong{letter-spacing:-.04em;margin:3px 0 1px;font-size:21px}.familyos-demo .shopping-kpis small{color:var(--muted-2);font-size:8px}.familyos-demo .shopping-progress-kpi>div{flex:1}.familyos-demo .shopping-progress{background:#ececf3;border-radius:99px;height:5px;margin-top:5px;overflow:hidden}.familyos-demo .shopping-progress i{background:linear-gradient(90deg,var(--brand),#8b7cf1);border-radius:99px;height:100%;display:block}.familyos-demo .shopping-compose-v2{grid-template-columns:230px 1fr;align-items:end;gap:16px;margin-bottom:18px;padding:17px 18px;display:grid}.familyos-demo .shopping-compose-v2 h3{margin:4px 0 1px;font-size:14px}.familyos-demo .shopping-compose-fields{grid-template-columns:minmax(180px,1.5fr) 110px 145px 105px;gap:7px;display:grid}.familyos-demo .shopping-compose-fields input,.familyos-demo .shopping-compose-fields select{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;height:40px;padding:0 10px;font-size:9px}.familyos-demo .shopping-compose-fields button{color:#fff;background:#272930;border:0;border-radius:10px;justify-content:center;align-items:center;gap:5px;height:40px;font-size:9px;font-weight:700;display:flex}.familyos-demo .shopping-compose-fields button svg{width:13px}.familyos-demo .shopping-toolbar{justify-content:space-between;align-items:flex-end;gap:16px;margin:0 2px 10px;display:flex}.familyos-demo .shopping-toolbar h2{margin:4px 0 0;font-size:19px}.familyos-demo .shopping-filter-pills{gap:5px;max-width:70%;padding:2px;display:flex;overflow:auto}.familyos-demo .shopping-filter-pills button{white-space:nowrap;border:1px solid var(--line);height:31px;color:var(--muted);background:#fff;border-radius:9px;align-items:center;gap:5px;padding:0 9px;font-size:8px;display:flex}.familyos-demo .shopping-filter-pills button span{background:var(--surface-3);border-radius:6px;place-items:center;min-width:17px;height:17px;font-size:7px;display:grid}.familyos-demo .shopping-filter-pills button.active{background:var(--brand-soft);color:var(--brand-strong);border-color:#d8d2fb;font-weight:700}.familyos-demo .shopping-filter-pills button.active span{color:var(--brand-strong);background:#fff}.familyos-demo .shopping-groups-v2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;display:grid}.familyos-demo .shopping-group-v2{padding:17px;overflow:hidden}.familyos-demo .shopping-group-v2 .cardhead{margin-bottom:7px}.familyos-demo .shopping-group-v2 .cardhead h3{margin:4px 0;font-size:15px}.familyos-demo .shopping-group-count{text-align:center;background:var(--brand-soft);min-width:38px;height:38px;color:var(--brand-strong);border-radius:11px;flex-direction:column;justify-content:center;display:flex}.familyos-demo .shopping-group-count strong{font-size:12px;line-height:1}.familyos-demo .shopping-group-count span{text-transform:uppercase;margin-top:2px;font-size:6px}.familyos-demo .shopping-items{border-top:1px solid #eef0f4}.familyos-demo .shopping-row{text-align:left;width:100%;min-height:52px;color:var(--text);background:0 0;border:0;border-bottom:1px solid #eef0f4;grid-template-columns:24px 1fr 14px;align-items:center;gap:9px;padding:8px 2px;display:grid}.familyos-demo .shopping-row:last-child{border-bottom:0}.familyos-demo .shopping-row:hover{background:#fafafd}.familyos-demo .shop-check{border:1px solid var(--line-strong);border-radius:7px;place-items:center;width:20px;height:20px;display:grid}.familyos-demo .shop-check.done{background:var(--brand);border-color:var(--brand);color:#fff}.familyos-demo .shop-check svg{width:11px}.familyos-demo .shopping-row strong{font-size:10px;display:block}.familyos-demo .shopping-row small{color:var(--muted);margin-top:2px;font-size:8px;display:block}.familyos-demo .shopping-row.done strong{color:var(--muted-2);text-decoration:line-through}.familyos-demo .shopping-row.done small{color:#b4b7c0}.familyos-demo .shopping-row-arrow{color:#c2c4cc;width:12px}.familyos-demo .shopping-empty{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:230px;display:flex}.familyos-demo .shopping-empty>svg{background:var(--brand-soft);width:40px;height:40px;color:var(--brand);border-radius:13px;margin-bottom:11px;padding:10px}.familyos-demo .shopping-empty h3{margin:0 0 5px;font-size:16px}.familyos-demo .shopping-empty p{color:var(--muted);margin:0;font-size:9px}@media (max-width:1080px){.familyos-demo .shopping-kpis{grid-template-columns:repeat(2,1fr)}.familyos-demo .shopping-compose-v2{grid-template-columns:1fr}.familyos-demo .shopping-compose-fields{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.familyos-demo .shopping-toolbar{display:block}.familyos-demo .shopping-filter-pills{max-width:none;margin-top:10px}.familyos-demo .shopping-groups-v2{grid-template-columns:1fr}.familyos-demo .shopping-compose-fields{grid-template-columns:1fr 1fr}}@media (max-width:560px){.familyos-demo .shopping-kpis,.familyos-demo .shopping-compose-fields{grid-template-columns:1fr}.familyos-demo .shopping-kpis>.card{min-height:82px}}.familyos-demo .finance-page>.feature-hero{background:linear-gradient(135deg,#f5f3ff,#f8fbf8);border:1px solid #ebe9f5;border-radius:22px;padding:24px 26px}.familyos-demo .finance-tabs{background:#e9ebf1;border-radius:13px;gap:5px;width:max-content;max-width:100%;margin:14px 0 16px;padding:5px;display:flex;overflow:auto}.familyos-demo .finance-tabs button{color:#6c7180;white-space:nowrap;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:9px 12px;font-size:10px;font-weight:650;display:flex}.familyos-demo .finance-tabs button.active{color:var(--text);background:#fff;box-shadow:0 1px 4px #191d2a1a}.familyos-demo .finance-page>section.card,.familyos-demo .finance-page>.card{margin-top:0}.familyos-demo .finance-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 14px;display:grid}.familyos-demo .finance-kpis article{min-height:94px;padding:15px 16px;position:relative;overflow:hidden}.familyos-demo .finance-kpis article:after{content:"";background:#6757e70d;border-radius:50%;width:76px;height:76px;position:absolute;bottom:-34px;right:-28px}.familyos-demo .finance-kpis span,.familyos-demo .finance-kpis strong,.familyos-demo .finance-kpis small{display:block}.familyos-demo .finance-kpis span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:8px}.familyos-demo .finance-kpis strong{letter-spacing:-.045em;margin:5px 0 3px;font-size:21px}.familyos-demo .finance-kpis small{color:var(--muted-2);font-size:8px;line-height:1.45}.familyos-demo .finance-kpis .finance-alert{background:linear-gradient(145deg,#fff,#fff8f8);border-color:#efd9dc}.familyos-demo .finance-kpis .finance-alert strong{color:#a84e58}.familyos-demo .finance-overview-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:start;gap:12px;margin-bottom:12px;display:grid}.familyos-demo .finance-overview-side{gap:10px;display:grid}.familyos-demo .commitment-board{margin:0;padding:17px 18px}.familyos-demo .commitment-board .cardhead{padding-bottom:8px}.familyos-demo .commitment-board .cardhead h3{margin:3px 0;font-size:16px}.familyos-demo .commitment-board .cardhead>strong{color:var(--muted);font-size:9px;font-weight:650}.familyos-demo .money-row{border-top:1px solid #eef0f3;grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 2px;display:grid}.familyos-demo .money-row>span:first-child{width:30px;height:30px;color:var(--brand);background:#f2f0fc;border-radius:9px;place-items:center;font-size:10px;font-weight:750;display:grid}.familyos-demo .money-row>span:first-child svg{width:13px}.familyos-demo .money-row strong,.familyos-demo .money-row small{display:block}.familyos-demo .money-row strong{font-size:10px}.familyos-demo .money-row small{color:var(--muted);margin-top:2px;font-size:8px}.familyos-demo .money-row>b{font-size:10px}.familyos-demo .money-row>button{color:#4c7258;background:#f2f8f4;border:1px solid #dfe9e2;border-radius:8px;align-items:center;gap:4px;padding:6px 8px;font-size:8px;font-weight:700;display:flex}.familyos-demo .money-row>button svg{width:11px}.familyos-demo .money-row.commitment.overdue{background:#fff9f9}.familyos-demo .money-row.commitment.overdue>span:first-child{color:#aa535d;background:#fff0f1}.familyos-demo .recurring-money-compose{padding:18px;margin-top:12px!important}.familyos-demo .recurring-money-compose .cardhead{margin-bottom:10px}.familyos-demo .recurring-money-compose .cardhead h3{margin:3px 0;font-size:16px}.familyos-demo .recurring-money-compose .cardhead>svg{width:18px;color:var(--brand)}.familyos-demo .recurring-money-compose>div:nth-child(2){grid-template-columns:minmax(190px,1.4fr) 135px 105px 125px 125px 112px;gap:7px;display:grid}.familyos-demo .finance-compose input,.familyos-demo .finance-compose select{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;height:38px;padding:0 9px;font-size:9px}.familyos-demo .finance-compose button{color:#fff;background:#282a31;border:0;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-height:38px;padding:0 11px;font-size:9px;font-weight:700;display:flex}.familyos-demo .finance-compose button svg{width:13px}.familyos-demo .finance-overview-side .finance-compose{padding:16px}.familyos-demo .finance-overview-side .finance-compose h3{margin:4px 0 10px;font-size:14px}.familyos-demo .finance-overview-side .finance-compose>div{grid-template-columns:1fr 105px;gap:7px;display:grid}.familyos-demo .finance-overview-side .finance-compose>div input:first-child{grid-column:1/-1}.familyos-demo .transaction-card{margin:0;padding:17px}.familyos-demo .transaction-card .cardhead h3{margin:3px 0 7px;font-size:15px}.familyos-demo .transaction-card .money-row{grid-template-columns:32px minmax(0,1fr) auto}.familyos-demo .transaction-card .money-row b.expense{color:#a55259}.familyos-demo .transaction-card .money-row b.income{color:#4d795c}.familyos-demo .mortgage-card{color:#fff;background:linear-gradient(145deg,#292b34,#3b3d49);border:0;grid-template-columns:38px 1fr;gap:10px;display:grid;padding:18px!important}.familyos-demo .mortgage-card>svg{color:#d7d2ff;background:#ffffff12;border-radius:12px;width:38px;height:38px;padding:9px}.familyos-demo .mortgage-card h3{letter-spacing:-.045em;margin:4px 0;font-size:21px}.familyos-demo .mortgage-card h3 small{color:#c8c9d0;font-size:9px;font-weight:500}.familyos-demo .mortgage-card p:not(.label){color:#c7c8cf;font-size:9px}.familyos-demo .mortgage-fields{grid-column:1/-1;grid-template-columns:1fr 86px;gap:7px;margin-top:5px;display:grid}.familyos-demo .mortgage-fields input{color:#fff;background:#ffffff0d;border:1px solid #ffffff16;border-radius:8px;width:100%;height:36px;padding:0 8px;font-size:9px}.familyos-demo .mortgage-fields label{color:#c8c9d0;font-size:8px}.familyos-demo .mortgage-fields label input{margin-top:4px}.familyos-demo .finance-page .empty.compact{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:110px;display:flex}.familyos-demo .finance-page .empty.compact>svg{color:#557760;background:#eef6f1;border-radius:11px;width:30px;height:30px;margin-bottom:7px;padding:7px}.familyos-demo .finance-page .empty.compact h3{margin:0 0 3px;font-size:13px}.familyos-demo .finance-page .empty.compact p{color:var(--muted);margin:0;font-size:8px}.familyos-demo .finance-page>section.card .life-compose{border:1px solid var(--line);box-shadow:none;border-radius:12px;padding:10px;margin-top:12px!important}.familyos-demo .finance-page>section.card .life-grid{gap:8px}.familyos-demo .finance-page>section.card .life-item{padding:11px 12px}.familyos-demo .finance-page>section.card .life-item h3{font-size:11px}.familyos-demo .finance-page>section.card .life-item small{font-size:8px}@media (max-width:1100px){.familyos-demo .finance-kpis{grid-template-columns:repeat(2,1fr)}.familyos-demo .finance-overview-grid{grid-template-columns:1fr}.familyos-demo .recurring-money-compose>div:nth-child(2){grid-template-columns:repeat(3,minmax(0,1fr))}.familyos-demo .finance-overview-side{grid-template-columns:1fr 1fr}}@media (max-width:720px){.familyos-demo .finance-tabs{width:100%}.familyos-demo .recurring-money-compose>div:nth-child(2){grid-template-columns:1fr 1fr}.familyos-demo .money-row{grid-template-columns:32px minmax(0,1fr) auto}.familyos-demo .money-row>button{grid-column:2/4;justify-self:start}.familyos-demo .finance-page>.feature-hero{padding:20px}.familyos-demo .finance-overview-side{grid-template-columns:1fr}}@media (max-width:520px){.familyos-demo .finance-kpis,.familyos-demo .recurring-money-compose>div:nth-child(2),.familyos-demo .mortgage-fields,.familyos-demo .finance-overview-side .finance-compose>div{grid-template-columns:1fr}.familyos-demo .finance-overview-side .finance-compose>div input:first-child{grid-column:auto}}.familyos-demo .budget-panel-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.familyos-demo .budget-panel-head h2{letter-spacing:-.035em;margin:4px 0;font-size:20px}.familyos-demo .budget-panel-head>div>p:last-child{color:var(--muted);margin:0;font-size:9px;line-height:1.5}.familyos-demo .budget-month-nav{flex:none;gap:5px;display:flex}.familyos-demo .budget-month-nav button{border:1px solid var(--line);min-width:34px;height:34px;color:var(--muted);background:#fff;border-radius:9px;place-items:center;padding:0 9px;font-size:8px;font-weight:700;display:grid}.familyos-demo .budget-month-nav button:hover{background:var(--brand-soft);color:var(--brand-strong);border-color:#d9d5f7}.familyos-demo .budget-month-nav svg{width:13px}.familyos-demo .budget-kpis{grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0 10px;display:grid}.familyos-demo .budget-kpis article{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 13px}.familyos-demo .budget-kpis span,.familyos-demo .budget-kpis strong,.familyos-demo .budget-kpis small{display:block}.familyos-demo .budget-kpis span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:7px}.familyos-demo .budget-kpis strong{letter-spacing:-.035em;margin:4px 0;font-size:17px}.familyos-demo .budget-kpis small{color:var(--muted-2);font-size:7px}.familyos-demo .budget-kpis article.alert{background:snow;border-color:#efdadd}.familyos-demo .budget-kpis article.alert strong{color:#a75059}.familyos-demo .budget-compose{border:1px solid var(--line);background:#f7f7fa;border-radius:12px;grid-template-columns:160px minmax(150px,1fr) 110px;gap:6px;margin-bottom:11px;padding:9px;display:grid}.familyos-demo .budget-compose input,.familyos-demo .budget-compose select{background:#fff;border:1px solid #e2e3e9;border-radius:8px;height:38px;padding:0 8px;font-size:8px}.familyos-demo .budget-compose button{color:#fff;background:#292b32;border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;height:38px;font-size:8px;font-weight:700;display:flex}.familyos-demo .budget-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.familyos-demo .budget-category-card{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:34px 1fr;gap:10px;padding:12px;display:grid}.familyos-demo .budget-category-card.over{background:snow;border-color:#efdadd}.familyos-demo .budget-category-icon{background:var(--brand-soft);width:32px;height:32px;color:var(--brand);border-radius:10px;place-items:center;display:grid}.familyos-demo .budget-category-card.over .budget-category-icon{color:#a75059;background:#fff0f1}.familyos-demo .budget-category-icon svg{width:14px}.familyos-demo .budget-category-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.familyos-demo .budget-category-top h3{margin:2px 0;font-size:11px}.familyos-demo .budget-track{background:#eceef3;border-radius:99px;height:5px;margin:8px 0 6px;overflow:hidden}.familyos-demo .budget-track i{background:linear-gradient(90deg,var(--brand),#8b7df2);border-radius:99px;height:100%;display:block}.familyos-demo .budget-category-card.over .budget-track i{background:#b85d67}.familyos-demo .budget-category-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.familyos-demo .budget-category-foot small{color:var(--muted);font-size:7px}.familyos-demo .budget-category-foot svg{color:#568066;width:12px}.familyos-demo .budget-category-card.over .budget-category-foot svg{color:#a75059}@media (max-width:760px){.familyos-demo .budget-panel-head{flex-direction:column}.familyos-demo .budget-month-nav{width:100%}.familyos-demo .budget-month-nav button.current{flex:1}.familyos-demo .budget-category-grid{grid-template-columns:1fr}.familyos-demo .budget-compose{grid-template-columns:1fr 1fr}.familyos-demo .budget-compose button{grid-column:1/-1}.familyos-demo .budget-kpis{grid-template-columns:1fr 1fr 1fr}}@media (max-width:520px){.familyos-demo .budget-panel{padding:15px!important}.familyos-demo .budget-kpis,.familyos-demo .budget-compose{grid-template-columns:1fr}.familyos-demo .budget-compose button{grid-column:auto}}.familyos-demo .savings-panel{margin-top:0!important;padding:20px!important}.familyos-demo .savings-panel-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.familyos-demo .savings-panel-head h2{letter-spacing:-.035em;margin:4px 0;font-size:18px}.familyos-demo .savings-panel-head>div>p:last-child{color:var(--muted);margin:0;font-size:9px;line-height:1.5}.familyos-demo .savings-kpis{grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0;display:grid}.familyos-demo .savings-kpis article{border:1px solid var(--line);background:linear-gradient(#fff,#fbfbfd);border-radius:12px;min-height:76px;padding:13px 14px}.familyos-demo .savings-kpis span,.familyos-demo .savings-kpis strong,.familyos-demo .savings-kpis small{display:block}.familyos-demo .savings-kpis span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:7px}.familyos-demo .savings-kpis strong{letter-spacing:-.04em;margin:5px 0;font-size:18px}.familyos-demo .savings-kpis small{color:var(--muted-2);font-size:8px}.familyos-demo .savings-create{border:1px solid var(--line);background:#f7f7fa;border-radius:12px;grid-template-columns:minmax(170px,1.4fr) 105px 110px 110px 125px auto;gap:6px;padding:9px;display:grid}.familyos-demo .savings-create input,.familyos-demo .savings-create select,.familyos-demo .savings-entry-compose input,.familyos-demo .savings-entry-compose select{background:#fff;border:1px solid #e2e3e9;border-radius:8px;min-width:0;height:38px;padding:0 8px;font-size:8px}.familyos-demo .savings-create button,.familyos-demo .savings-entry-compose button{color:#fff;white-space:nowrap;background:#292a32;border:0;border-radius:8px;justify-content:center;align-items:center;gap:5px;height:38px;padding:0 11px;font-size:8px;font-weight:700;display:flex}.familyos-demo .savings-create button svg,.familyos-demo .savings-entry-compose button svg{width:12px}.familyos-demo .savings-layout{grid-template-columns:210px minmax(0,1fr);gap:10px;margin-top:12px;display:grid}.familyos-demo .savings-goal-list{align-content:start;gap:6px;display:grid}.familyos-demo .savings-goal-list button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:10px;display:grid}.familyos-demo .savings-goal-list button:hover{background:#faf9ff;border-color:#ddd9fa}.familyos-demo .savings-goal-list button.active{background:#f3f1ff;border-color:#d8d3fa}.familyos-demo .savings-goal-list strong,.familyos-demo .savings-goal-list small{display:block}.familyos-demo .savings-goal-list strong{font-size:9px}.familyos-demo .savings-goal-list small{color:var(--muted);text-transform:capitalize;margin-top:3px;font-size:7px}.familyos-demo .savings-goal-list>button>span{color:var(--brand);font-size:9px;font-weight:750}.familyos-demo .savings-active{min-width:0}.familyos-demo .savings-focus{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#faf9ff);border-radius:14px;padding:15px}.familyos-demo .savings-focus-head{grid-template-columns:34px 1fr auto;align-items:center;gap:9px;display:grid}.familyos-demo .savings-focus-head .channel-icon{width:34px;height:34px}.familyos-demo .savings-focus-head h3{margin:2px 0;font-size:14px}.familyos-demo .savings-focus-head>strong{letter-spacing:-.04em;font-size:18px}.familyos-demo .savings-focus-amount,.familyos-demo .savings-focus-meta{color:var(--muted);justify-content:space-between;gap:10px;font-size:8px;display:flex}.familyos-demo .savings-focus-amount{margin-top:12px}.familyos-demo .savings-focus-amount b{color:var(--brand)}.familyos-demo .savings-track{background:#e9eaf0;border-radius:999px;height:7px;margin:7px 0;overflow:hidden}.familyos-demo .savings-track i{background:linear-gradient(90deg,var(--brand),#8c7ff2);border-radius:999px;height:100%;display:block}.familyos-demo .savings-entry-compose{grid-template-columns:120px 100px minmax(170px,1fr) auto;gap:6px;margin-top:8px;display:grid}.familyos-demo .savings-history{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px;display:grid}.familyos-demo .savings-history-row{border:1px solid var(--line);border-radius:10px;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:9px;display:grid}.familyos-demo .savings-history-row .channel-icon{width:30px;height:30px}.familyos-demo .savings-history-row h3{margin:2px 0;font-size:10px}.familyos-demo .savings-history-row small{color:var(--muted);font-size:7px;line-height:1.4}.familyos-demo .savings-empty{min-height:180px!important;padding:28px!important}.familyos-demo .savings-empty>svg{width:26px;color:var(--brand)}.familyos-demo .finance-page>.fund-projection-panel{margin-top:12px!important}@media (max-width:1000px){.familyos-demo .savings-create{grid-template-columns:repeat(3,1fr)}.familyos-demo .savings-layout{grid-template-columns:180px 1fr}}@media (max-width:760px){.familyos-demo .savings-kpis{grid-template-columns:1fr 1fr}.familyos-demo .savings-layout{grid-template-columns:1fr}.familyos-demo .savings-goal-list{display:flex;overflow:auto}.familyos-demo .savings-goal-list button{min-width:155px}.familyos-demo .savings-entry-compose{grid-template-columns:1fr 1fr}.familyos-demo .savings-entry-compose input:nth-child(3){grid-column:1/-1}.familyos-demo .savings-history{grid-template-columns:1fr}}@media (max-width:560px){.familyos-demo .savings-panel{padding:15px!important}.familyos-demo .savings-panel-head{display:block}.familyos-demo .savings-panel-head .mini-action{margin-top:9px}.familyos-demo .savings-kpis,.familyos-demo .savings-create,.familyos-demo .savings-entry-compose{grid-template-columns:1fr}.familyos-demo .savings-entry-compose input:nth-child(3){grid-column:auto}.familyos-demo .savings-focus-head{grid-template-columns:34px 1fr}.familyos-demo .savings-focus-head>strong{grid-column:2}.familyos-demo .savings-focus-meta{gap:3px;display:grid}}.familyos-demo .homecare-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.familyos-demo .homecare-kpis>.card{align-items:center;gap:11px;min-height:92px;padding:15px 16px;display:flex}.familyos-demo .homecare-kpis svg{color:#58715d;background:#f1f4ef;border-radius:11px;flex:none;width:34px;height:34px;padding:8px}.familyos-demo .homecare-kpis span,.familyos-demo .homecare-kpis strong,.familyos-demo .homecare-kpis small{display:block}.familyos-demo .homecare-kpis span{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:8px}.familyos-demo .homecare-kpis strong{letter-spacing:-.04em;margin:3px 0 1px;font-size:21px}.familyos-demo .homecare-kpis small{color:var(--muted-2);font-size:8px}.familyos-demo .homecare-top{justify-content:space-between;align-items:center;margin:0 0 10px;display:flex}.familyos-demo .homecare-tabs{background:#e9ebf0;border-radius:12px;gap:5px;padding:4px;display:flex}.familyos-demo .homecare-tabs button{color:#777b86;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;height:36px;padding:0 13px;font-size:10px;font-weight:650;display:flex}.familyos-demo .homecare-tabs button svg{width:14px}.familyos-demo .homecare-tabs button span{background:#0000000d;border-radius:99px;place-items:center;min-width:18px;height:18px;font-size:8px;display:grid}.familyos-demo .homecare-tabs button.active{color:var(--text);background:#fff;box-shadow:0 2px 8px #1e223014}.familyos-demo .homecare-tabs button.active span{background:var(--brand-soft);color:var(--brand-strong)}.familyos-demo .homecare-active-count{color:var(--muted);font-size:9px}.familyos-demo .homecare-compose{margin-bottom:18px;padding:17px 18px}.familyos-demo .homecare-compose-head{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.familyos-demo .homecare-compose-head h3{margin:4px 0;font-size:15px}.familyos-demo .homecare-compose-head>svg{color:#58715d;width:18px}.familyos-demo .homecare-compose-grid{grid-template-columns:minmax(190px,1.35fr) minmax(160px,1fr) 130px 145px 100px;gap:7px;display:grid}.familyos-demo .homecare-compose-grid:has(input[type=number]){grid-template-columns:minmax(180px,1.25fr) minmax(150px,1fr) 125px 140px 105px 92px}.familyos-demo .homecare-compose-grid input,.familyos-demo .homecare-compose-grid select{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;width:100%;height:40px;padding:0 10px;font-size:9px}.familyos-demo .homecare-compose-grid .repeat-field{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;align-items:center;height:40px;padding-left:9px;display:flex}.familyos-demo .homecare-compose-grid .repeat-field svg{width:13px;color:var(--muted)}.familyos-demo .homecare-compose-grid .repeat-field select{background:0 0;border:0;padding-left:6px;box-shadow:none!important}.familyos-demo .homecare-compose-grid button{color:#fff;background:#29302b;border:0;border-radius:10px;justify-content:center;align-items:center;gap:5px;height:40px;font-size:9px;font-weight:700;display:flex}.familyos-demo .homecare-compose-grid button svg{width:13px}.familyos-demo .homecare-section-head{justify-content:space-between;align-items:end;margin-bottom:10px;padding:0 2px;display:flex}.familyos-demo .homecare-section-head h2{margin:4px 0 0;font-size:19px}.familyos-demo .homecare-section-head small{color:var(--muted);font-size:9px}.familyos-demo .homecare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.familyos-demo .homecare-card{grid-template-columns:38px 1fr;gap:12px;min-height:154px;padding:17px;transition:all .16s;display:grid}.familyos-demo .homecare-card:hover{box-shadow:var(--shadow-md);border-color:#d8e1d9;transform:translateY(-1px)}.familyos-demo .homecare-card.overdue{border-color:#efdadd}.familyos-demo .homecare-symbol{color:#58715d;background:#f1f4ef;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.familyos-demo .homecare-symbol svg{width:17px}.familyos-demo .homecare-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.familyos-demo .homecare-card-top .label{margin:0}.familyos-demo .status-chip{text-transform:uppercase;letter-spacing:.08em;color:#4e725b;background:#eef6f1;border-radius:99px;padding:4px 6px;font-size:7px;font-weight:750}.familyos-demo .status-chip.danger{color:#a9515b;background:#fff0f1}.familyos-demo .homecare-card h3{margin:7px 0 3px;font-size:14px}.familyos-demo .homecare-card-main>p:not(.label){color:var(--muted);margin:0;font-size:9px}.familyos-demo .homecare-due,.familyos-demo .homecare-meta{border-top:1px solid #eef0f1;align-items:center;gap:8px;margin-top:14px;padding-top:10px;display:flex}.familyos-demo .homecare-due,.familyos-demo .homecare-meta span{color:var(--muted);align-items:center;gap:4px;font-size:8px;display:flex}.familyos-demo .homecare-due svg,.familyos-demo .homecare-meta svg{width:11px}.familyos-demo .homecare-meta{justify-content:space-between}.familyos-demo .homecare-empty{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:230px;padding:30px;display:flex}.familyos-demo .homecare-empty>svg{color:#58715d;background:#f1f4ef;border-radius:13px;width:40px;height:40px;margin-bottom:11px;padding:10px}.familyos-demo .homecare-empty h3{margin:0 0 5px;font-size:16px}.familyos-demo .homecare-empty p{color:var(--muted);margin:0;font-size:9px}@media (max-width:1100px){.familyos-demo .homecare-kpis{grid-template-columns:repeat(2,1fr)}:is(.familyos-demo .homecare-compose-grid,.familyos-demo .homecare-compose-grid:has(input[type=number])){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.familyos-demo .homecare-grid{grid-template-columns:1fr}:is(.familyos-demo .homecare-compose-grid,.familyos-demo .homecare-compose-grid:has(input[type=number])){grid-template-columns:1fr 1fr}.familyos-demo .homecare-top{flex-direction:column;align-items:flex-start;gap:10px}.familyos-demo .homecare-active-count{padding-left:4px}}@media (max-width:560px){:is(.familyos-demo .homecare-kpis,.familyos-demo .homecare-compose-grid,.familyos-demo .homecare-compose-grid:has(input[type=number])){grid-template-columns:1fr}.familyos-demo .homecare-tabs{width:100%}.familyos-demo .homecare-tabs button{flex:1;justify-content:center}}.familyos-demo .settings-hero{background:linear-gradient(120deg,#f2f1ff,#f8fbf8)}.familyos-demo .settings-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.familyos-demo .settings-kpis article{align-items:center;gap:11px;min-height:92px;padding:15px 16px;display:flex}.familyos-demo .settings-kpis article>svg{background:var(--brand-soft);width:34px;height:34px;color:var(--brand);border-radius:11px;flex:none;padding:8px}.familyos-demo .settings-kpis span,.familyos-demo .settings-kpis strong,.familyos-demo .settings-kpis small{display:block}.familyos-demo .settings-kpis span{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:8px}.familyos-demo .settings-kpis strong{letter-spacing:-.03em;white-space:nowrap;text-overflow:ellipsis;max-width:150px;margin:4px 0 2px;font-size:16px;overflow:hidden}.familyos-demo .settings-kpis small{color:var(--muted-2);font-size:8px}.familyos-demo .settings-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:14px;display:grid}.familyos-demo .settings-main{gap:12px;display:grid}.familyos-demo .settings-heading{align-items:center;gap:12px;margin-bottom:18px;display:flex}.familyos-demo .settings-heading-icon{background:var(--brand-soft);width:40px;height:40px;color:var(--brand);border-radius:12px;flex:none;place-items:center;display:grid}.familyos-demo .settings-heading-icon svg{width:18px}.familyos-demo .settings-heading .label{margin:0 0 4px}.familyos-demo .settings-heading h3{margin:0;font-size:16px}.familyos-demo .settings-heading p:last-child{color:var(--muted);margin:4px 0 0;font-size:9px}.familyos-demo .settings-fields{grid-template-columns:1.5fr 1fr 1fr;gap:9px;display:grid}.familyos-demo .settings-card label{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);gap:6px;font-size:8px;font-weight:700;display:grid}.familyos-demo .settings-card input,.familyos-demo .settings-card select{border:1px solid var(--line);background:var(--surface-2);height:42px;font:inherit;color:var(--text);text-transform:none;letter-spacing:normal;border-radius:10px;padding:0 11px;font-size:10px}.familyos-demo .settings-card input:focus,.familyos-demo .settings-card select:focus{background:#fff;border-color:#bbb3f8;outline:none;box-shadow:0 0 0 3px #6757e714}.familyos-demo .settings-pair{grid-template-columns:1fr 1fr;gap:9px;display:grid}.familyos-demo .settings-toggle-list{border-top:1px solid #eef0f4}.familyos-demo .setting-row{border-bottom:1px solid #eef0f4;justify-content:space-between;align-items:center;gap:20px;padding:14px 2px;display:flex}.familyos-demo .setting-row>div{min-width:0}.familyos-demo .setting-row>div strong,.familyos-demo .setting-row>div small{display:block}.familyos-demo .setting-row strong{align-items:center;gap:7px;font-size:10px;display:flex!important}.familyos-demo .setting-row strong svg{width:14px;color:var(--brand)}.familyos-demo .setting-row small{color:var(--muted);max-width:650px;margin-top:5px;font-size:8px;line-height:1.5}.familyos-demo .settings-toggle{background:#dedfe5;border:0;border-radius:20px;flex:none;width:42px;height:24px;padding:3px;transition:background .18s}.familyos-demo .settings-toggle i{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;display:block;box-shadow:0 1px 3px #00000029}.familyos-demo .settings-toggle.on{background:var(--brand)}.familyos-demo .settings-toggle.on i{transform:translate(18px)}.familyos-demo .settings-side{gap:10px;display:grid;position:sticky;top:92px}.familyos-demo .privacy-summary{color:#fff;background:linear-gradient(145deg,#27302c,#38443e);border:0}.familyos-demo .privacy-icon{color:#b7ddc6;background:#ffffff1a;border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:18px;display:grid}.familyos-demo .privacy-icon svg{width:21px}.familyos-demo .privacy-summary .label{color:#a9d0b8}.familyos-demo .privacy-summary h3{letter-spacing:-.035em;margin:6px 0;font-size:21px}.familyos-demo .privacy-summary>p:not(.label){color:#cbd4cf;font-size:9px;line-height:1.65}.familyos-demo .privacy-summary ul{margin:17px 0 0;padding:0;list-style:none}.familyos-demo .privacy-summary li{color:#e3e7e5;border-top:1px solid #ffffff17;align-items:center;gap:7px;padding:8px 0;font-size:8px;display:flex}.familyos-demo .privacy-summary li svg{color:#9ed0b1;width:12px}.familyos-demo .settings-save-wrap{padding:3px}.familyos-demo .settings-save{color:#fff;background:#292b32;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;height:44px;font-size:10px;font-weight:700;transition:all .16s;display:flex}.familyos-demo .settings-save:hover{transform:translateY(-1px);box-shadow:0 7px 18px #23252c29}.familyos-demo .settings-save.saved{background:#4f755e}.familyos-demo .settings-save svg{width:14px}.familyos-demo .settings-status{color:var(--muted);text-align:center;margin:8px 4px 0;font-size:8px;line-height:1.5}@media (max-width:1050px){.familyos-demo .settings-kpis{grid-template-columns:repeat(2,1fr)}.familyos-demo .settings-layout{grid-template-columns:1fr}.familyos-demo .settings-side{grid-template-columns:1fr 220px;position:static}.familyos-demo .settings-save-wrap{align-self:start}}@media (max-width:720px){.familyos-demo .settings-fields{grid-template-columns:1fr 1fr}.familyos-demo .settings-wide{grid-column:1/-1}.familyos-demo .settings-side{grid-template-columns:1fr}.familyos-demo .settings-save-wrap{padding:0}.familyos-demo .settings-kpis{grid-template-columns:1fr 1fr}}@media (max-width:520px){.familyos-demo .settings-kpis,.familyos-demo .settings-fields,.familyos-demo .settings-pair{grid-template-columns:1fr}.familyos-demo .settings-wide{grid-column:auto}.familyos-demo .settings-card,.familyos-demo .privacy-summary{padding:17px}.familyos-demo .setting-row,.familyos-demo .settings-heading{align-items:flex-start}}.familyos-demo .account-licence-card{margin-bottom:14px}.familyos-demo .account-licence-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0;display:grid}.familyos-demo .account-licence-grid span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px;display:block}.familyos-demo .account-licence-grid strong{margin-top:4px;font-size:15px;display:block}.familyos-demo .account-licence-grid small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.familyos-demo .account-licence-actions{flex-wrap:wrap;gap:8px;display:flex}.familyos-demo .account-licence-actions button{color:#fff;background:#25262e;border:0;border-radius:999px;align-items:center;gap:6px;padding:9px 12px;font-size:11px;font-weight:700;display:inline-flex}.familyos-demo .account-licence-actions button:disabled{opacity:.45}.familyos-demo .account-licence-note{color:var(--muted);align-items:flex-start;gap:8px;margin:12px 0 0;font-size:12px;line-height:1.45;display:flex}.familyos-demo .license-grace-banner{z-index:40;color:#8a5a18;background:#fff6e8;border-bottom:1px solid #f0d7a8;padding:10px 16px;font-size:12px;font-weight:650;position:sticky;top:0}@media (max-width:760px){.familyos-demo .account-licence-grid{grid-template-columns:1fr}}.familyos-demo .goals-page{padding-bottom:46px}.familyos-demo .goals-hero{background:linear-gradient(135deg,#f5f3ff,#f8fbf7);border:1px solid #ebe9f5;border-radius:22px;padding:24px 26px}.familyos-demo .goal-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0;display:grid}.familyos-demo .goal-kpis article{align-items:center;gap:11px;min-height:96px;padding:16px;display:flex;position:relative;overflow:hidden}.familyos-demo .goal-kpis article:after{content:"";background:#6757e70b;border-radius:50%;width:72px;height:72px;position:absolute;bottom:-32px;right:-28px}.familyos-demo .goal-kpis svg{background:var(--brand-soft);width:34px;height:34px;color:var(--brand);border-radius:11px;flex:none;padding:8px}.familyos-demo .goal-kpis span,.familyos-demo .goal-kpis strong,.familyos-demo .goal-kpis small{display:block}.familyos-demo .goal-kpis span{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:8px}.familyos-demo .goal-kpis strong{letter-spacing:-.045em;margin:3px 0 1px;font-size:22px}.familyos-demo .goal-kpis small{color:var(--muted-2);font-size:8px}.familyos-demo .planning-horizons{color:#fff;background:linear-gradient(145deg,#282a34,#3c3e4b);border:0;grid-template-columns:minmax(220px,.85fr) 2fr;align-items:center;gap:22px;margin-bottom:14px;padding:20px 22px;display:grid;box-shadow:0 18px 42px #22243221}.familyos-demo .planning-horizons .eyebrow{color:#c4c0ee}.familyos-demo .planning-horizons h2{letter-spacing:-.03em;margin:5px 0;font-size:20px}.familyos-demo .planning-horizons p{color:#c7c9d1;margin:0;font-size:9px;line-height:1.6}.familyos-demo .horizon-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.familyos-demo .horizon-grid div{background:#ffffff0b;border:1px solid #ffffff16;border-radius:13px;padding:14px}.familyos-demo .horizon-grid span,.familyos-demo .horizon-grid strong,.familyos-demo .horizon-grid small{display:block}.familyos-demo .horizon-grid span{text-transform:uppercase;letter-spacing:.07em;color:#bfc0cb;font-size:7px}.familyos-demo .horizon-grid strong{letter-spacing:-.04em;color:#fff;margin:5px 0;font-size:21px}.familyos-demo .horizon-grid small{color:#b1b3bd;font-size:7px}.familyos-demo .goal-compose{grid-template-columns:minmax(220px,1.5fr) 120px 145px 120px 135px 130px 102px;gap:7px;margin-bottom:14px;padding:17px 18px;display:grid}.familyos-demo .goal-compose input,.familyos-demo .goal-compose select{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;min-width:0;height:40px;padding:0 10px;font-size:9px}.familyos-demo .goal-compose button{color:#fff;white-space:nowrap;background:#282a31;border:0;border-radius:10px;justify-content:center;align-items:center;gap:5px;height:40px;padding:0 11px;font-size:9px;font-weight:700;display:flex}.familyos-demo .goal-compose button svg{width:13px}.familyos-demo .goals-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.familyos-demo .goal-card{min-height:260px;padding:18px;transition:all .16s}.familyos-demo .goal-card:hover{box-shadow:var(--shadow-md);border-color:#d8d3f7;transform:translateY(-1px)}.familyos-demo .goal-card.done{opacity:.7;background:linear-gradient(145deg,#fff,#f8faf8)}.familyos-demo .goal-card-head{justify-content:space-between;align-items:center;display:flex}.familyos-demo .goal-card-head>div{align-items:center;gap:5px;display:flex}.familyos-demo .goal-category,.familyos-demo .goal-horizon{text-transform:uppercase;letter-spacing:.05em;border-radius:8px;padding:5px 7px;font-size:7px;font-weight:700}.familyos-demo .goal-category{color:#6258c4;background:var(--brand-soft)}.familyos-demo .goal-horizon{color:#47705e;background:#eef8f3}.familyos-demo .goal-card-head button{color:#a5a6ae;background:0 0;border:0;border-radius:8px;padding:5px}.familyos-demo .goal-card-head button:hover{color:#a6525b;background:#fff0f1}.familyos-demo .goal-card-head svg{width:14px}.familyos-demo .goal-card h3{margin:11px 0 6px;font-size:16px;line-height:1.25}.familyos-demo .goal-card>p{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;margin:0 0 15px;font-size:8px;display:flex}.familyos-demo .goal-card>p svg{width:11px}.familyos-demo .goal-person{background:var(--brand-soft);width:18px;height:18px;color:var(--brand-strong);border-radius:7px;place-items:center;font-size:7px;font-weight:750;display:grid}.familyos-demo .goal-progress-head{color:var(--muted);justify-content:space-between;margin-bottom:5px;font-size:8px;display:flex}.familyos-demo .goal-progress-head strong{color:var(--text);font-size:9px}.familyos-demo .goal-slider{width:100%;accent-color:var(--brand)}.familyos-demo .milestone{text-align:left;background:0 0;border:0;border-top:1px solid #eef0f4;grid-template-columns:22px 1fr;align-items:center;gap:8px;width:100%;padding:9px 1px;display:grid}.familyos-demo .milestone>span{border:1px solid var(--line-strong);border-radius:6px;place-items:center;width:19px;height:19px;font-size:8px;display:grid}.familyos-demo .milestone strong,.familyos-demo .milestone small{display:block}.familyos-demo .milestone strong{font-size:9px}.familyos-demo .milestone small{color:var(--muted-2);margin-top:2px;font-size:7px}.familyos-demo .milestone.done strong{color:var(--muted);text-decoration:line-through}.familyos-demo .milestone.done>span{background:var(--brand);color:#fff;border-color:var(--brand)}.familyos-demo .milestone-add{grid-template-columns:1fr 34px;gap:6px;margin-top:9px;display:grid}.familyos-demo .milestone-add input{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;height:36px;padding:0 9px;font-size:8px}.familyos-demo .milestone-add button{background:var(--brand-soft);color:var(--brand-strong);border:0;border-radius:9px;place-items:center;display:grid}.familyos-demo .milestone-add svg{width:13px}.familyos-demo .goal-empty{flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:250px;display:flex}.familyos-demo .goal-empty svg{background:var(--brand-soft);width:40px;height:40px;color:var(--brand);border-radius:13px;margin-bottom:10px;padding:10px}.familyos-demo .goal-empty h3{margin:0 0 5px;font-size:16px}.familyos-demo .goal-empty p{color:var(--muted);margin:0;font-size:9px}@media (max-width:1150px){.familyos-demo .goal-compose{grid-template-columns:repeat(3,minmax(0,1fr))}.familyos-demo .planning-horizons{grid-template-columns:1fr}.familyos-demo .horizon-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:900px){.familyos-demo .goal-kpis,.familyos-demo .goal-compose{grid-template-columns:1fr 1fr}.familyos-demo .goals-grid{grid-template-columns:1fr}.familyos-demo .horizon-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:550px){.familyos-demo .goal-kpis,.familyos-demo .goal-compose,.familyos-demo .horizon-grid{grid-template-columns:1fr}.familyos-demo .goals-hero{padding:20px}.familyos-demo .planning-horizons{padding:18px}}.familyos-demo .weekly-review-page{padding-bottom:40px}.familyos-demo .review-hero{background:linear-gradient(120deg,#f6f4ff,#fff9f3)}.familyos-demo .review-kpis{grid-template-columns:repeat(6,1fr);gap:9px;margin:16px 0;display:grid}.familyos-demo .review-kpis article{padding:14px}.familyos-demo .review-kpis span,.familyos-demo .review-kpis strong,.familyos-demo .review-kpis small{display:block}.familyos-demo .review-kpis span{text-transform:uppercase;color:#9698a2;font-size:7px}.familyos-demo .review-kpis strong{margin:4px 0;font-size:21px}.familyos-demo .review-kpis small{color:#a3a4ac;font-size:7px}.familyos-demo .review-kpis .review-danger{background:#fff8f5;border-color:#f1c6ba}.familyos-demo .review-danger strong{color:#b75c43}.familyos-demo .review-layout{grid-template-columns:minmax(0,1.8fr) minmax(230px,.7fr);gap:14px;display:grid}.familyos-demo .review-layout>div,.familyos-demo .review-layout aside{align-content:start;gap:14px;display:grid}.familyos-demo .review-focus,.familyos-demo .review-agenda,.familyos-demo .review-load,.familyos-demo .review-ritual,.familyos-demo .review-goals,.familyos-demo .review-next-week{padding:19px}.familyos-demo .review-focus .cardhead>svg{color:#c27a4e;width:18px}.familyos-demo .focus-row{border-top:1px solid #f0f0f3;grid-template-columns:25px 1fr;align-items:center;gap:8px;padding:10px 2px;display:grid}.familyos-demo .focus-row span{color:#6257c7;background:#f0eefe;border-radius:50%;place-items:center;width:21px;height:21px;font-size:7px;font-weight:700;display:grid}.familyos-demo .focus-row p{margin:0;font-size:9px;line-height:1.5}.familyos-demo .review-goals .textbutton{font-size:7px}.familyos-demo .review-goal-row{border-top:1px solid #f0f0f3;grid-template-columns:29px 1fr 34px;align-items:center;gap:9px;padding:11px 2px;display:grid}.familyos-demo .goal-review-icon{color:#6a61c8;background:#f5f4fa;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.familyos-demo .goal-review-icon svg{width:13px}.familyos-demo .review-goal-row.active .goal-review-icon{color:#488267;background:#eef9f3}.familyos-demo .review-goal-row.quiet .goal-review-icon{color:#ae792e;background:#fff7e9}.familyos-demo .review-goal-row>div strong,.familyos-demo .review-goal-row>div small{display:block}.familyos-demo .review-goal-row>div strong{font-size:9px}.familyos-demo .review-goal-row>div small{color:#999ba5;margin:2px 0 6px;font-size:7px}.familyos-demo .review-goal-row>b{text-align:right;font-size:9px}.familyos-demo .goal-review-bar{background:#efeff3;border-radius:8px;height:4px;overflow:hidden}.familyos-demo .goal-review-bar i{background:#6a61c8;border-radius:8px;height:100%;display:block}.familyos-demo .review-goal-row.active .goal-review-bar i{background:#609075}.familyos-demo .review-goal-row.quiet .goal-review-bar i{background:#bf8b43}.familyos-demo .review-item{border-top:1px solid #f0f0f3;grid-template-columns:31px 1fr auto 23px;align-items:center;gap:8px;padding:11px 2px;display:grid}.familyos-demo .review-source{color:#665cc6;background:#f5f4fa;border-radius:9px;place-items:center;width:27px;height:27px;display:grid}.familyos-demo .review-source svg{width:13px}.familyos-demo .review-item>div strong,.familyos-demo .review-item>div small{display:block}.familyos-demo .review-item>div strong{font-size:9px}.familyos-demo .review-item>div small{color:#999ba5;margin-top:2px;font-size:7px}.familyos-demo .review-item time{color:#858791;white-space:nowrap;font-size:7px}.familyos-demo .review-item>button{color:#a2a3ac;background:0 0;border:0;padding:2px}.familyos-demo .review-item>button svg{width:14px}.familyos-demo .review-item.urgent{background:linear-gradient(90deg,#fff8f5,#0000)}.familyos-demo .review-item.urgent .review-source{color:#b95c42;background:#fff0eb}.familyos-demo .review-item.warning .review-source{color:#b17a2d;background:#fff7e9}.familyos-demo .review-item.positive .review-source{color:#488267;background:#eef9f3}.familyos-demo .review-load h3,.familyos-demo .review-ritual h3,.familyos-demo .review-next-week h3{margin-bottom:14px}.familyos-demo .load-row{margin:11px 0}.familyos-demo .load-row>div:first-child{justify-content:space-between;font-size:8px;display:flex}.familyos-demo .load-row b{font-size:8px}.familyos-demo .load-bar{background:#efeff3;border-radius:10px;height:5px;margin-top:5px;overflow:hidden}.familyos-demo .load-bar i{background:#6960c8;border-radius:10px;height:100%;display:block}.familyos-demo .next-priority{border-top:1px solid #f0f0f3;grid-template-columns:23px 1fr;align-items:start;gap:7px;padding:10px 0;display:grid}.familyos-demo .next-priority>span{color:#a9712b;background:#fff3e2;border-radius:7px;place-items:center;width:20px;height:20px;font-size:7px;font-weight:700;display:grid}.familyos-demo .next-priority strong,.familyos-demo .next-priority small{display:block}.familyos-demo .next-priority strong{font-size:8px}.familyos-demo .next-priority small{color:#999ba5;margin-top:2px;font-size:7px;line-height:1.4}.familyos-demo .review-ritual{color:#fff;background:#2e2f37}.familyos-demo .review-ritual .label{color:#bfc1cb}.familyos-demo .review-ritual ol{margin:0;padding-left:17px}.familyos-demo .review-ritual li{color:#d8dae1;padding-left:3px;font-size:8px;line-height:1.7}@media (max-width:1050px){.familyos-demo .review-kpis{grid-template-columns:repeat(3,1fr)}}@media (max-width:800px){.familyos-demo .review-layout{grid-template-columns:1fr}.familyos-demo .review-layout aside{grid-template-columns:1fr 1fr}}@media (max-width:600px){.familyos-demo .review-kpis{grid-template-columns:1fr 1fr}.familyos-demo .review-layout aside{grid-template-columns:1fr}.familyos-demo .review-item{grid-template-columns:31px 1fr 22px}.familyos-demo .review-item time{display:none}}.familyos-demo .workload-page{padding-bottom:40px}.familyos-demo .workload-hero{background:linear-gradient(120deg,#f4f7ff,#faf5ff)}.familyos-demo .workload-kpis{grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0;display:grid}.familyos-demo .workload-kpis article{grid-template-columns:28px 1fr;align-items:center;gap:8px;padding:14px;display:grid}.familyos-demo .workload-kpis>article>svg{color:#665cc6;width:18px}.familyos-demo .workload-kpis span,.familyos-demo .workload-kpis strong,.familyos-demo .workload-kpis small{display:block}.familyos-demo .workload-kpis span{text-transform:uppercase;color:#999ba5;font-size:7px}.familyos-demo .workload-kpis strong{margin:3px 0;font-size:18px}.familyos-demo .workload-kpis small{color:#a2a3ac;font-size:7px}.familyos-demo .workload-layout{grid-template-columns:minmax(0,1.6fr) minmax(250px,.7fr);gap:14px;display:grid}.familyos-demo .workload-layout>div,.familyos-demo .workload-layout aside{align-content:start;gap:14px;display:grid}.familyos-demo .member-loads,.familyos-demo .pressure-card,.familyos-demo .rebalance-card,.familyos-demo .unassigned-card{padding:19px}.familyos-demo .member-load{border-top:1px solid #f0f0f3;grid-template-columns:35px 1fr 35px;align-items:center;gap:10px;padding:12px 2px;display:grid}.familyos-demo .member-load-main>div:first-child{justify-content:space-between;gap:8px;display:flex}.familyos-demo .member-load-main strong{font-size:9px}.familyos-demo .member-load-main small{color:#999ba5;font-size:7px}.familyos-demo .member-load>b{text-align:right;font-size:11px}.familyos-demo .workload-bar{background:#efeff3;border-radius:8px;height:5px;margin:7px 0;overflow:hidden}.familyos-demo .workload-bar i{background:#6960c8;border-radius:8px;height:100%;display:block}.familyos-demo .member-load.overloaded .workload-bar i{background:#c16c4d}.familyos-demo .member-load.light .workload-bar i{background:#6c9a80}.familyos-demo .load-breakdown{color:#999ba5;gap:10px;font-size:6px;display:flex}.familyos-demo .pressure-card .cardhead svg{color:#bf7650;width:18px}.familyos-demo .pressure-row{border-top:1px solid #f0f0f3;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:11px 2px;display:grid}.familyos-demo .pressure-row>span{color:#b76748;background:#fff3ed;border-radius:8px;place-items:center;width:25px;height:25px;display:grid}.familyos-demo .pressure-row svg{width:13px}.familyos-demo .pressure-row strong,.familyos-demo .pressure-row small{display:block}.familyos-demo .pressure-row strong{font-size:8px}.familyos-demo .pressure-row small{color:#999ba5;margin-top:2px;font-size:7px}.familyos-demo .pressure-row time{color:#8d8f99;font-size:7px}.familyos-demo .rebalance-card{color:#fff;background:#2f3038}.familyos-demo .rebalance-card .label{color:#bfc1ca}.familyos-demo .rebalance-note{border-top:1px solid #474851;grid-template-columns:20px 1fr;gap:6px;padding:10px 0;display:grid}.familyos-demo .rebalance-note span{color:#bdb7ff}.familyos-demo .rebalance-note p{color:#e1e2e7;margin:0;font-size:8px;line-height:1.5}.familyos-demo .unassigned-row{border-top:1px solid #f0f0f3;grid-template-columns:55px 1fr auto;align-items:center;gap:7px;padding:10px 0;display:grid}.familyos-demo .unassigned-row span{text-transform:uppercase;color:#6b61c8;text-align:center;background:#f1efff;border-radius:6px;padding:4px 5px;font-size:6px}.familyos-demo .unassigned-row strong{font-size:8px}.familyos-demo .unassigned-row small{color:#999ba5;font-size:7px}@media (max-width:1000px){.familyos-demo .workload-kpis{grid-template-columns:1fr 1fr}}@media (max-width:800px){.familyos-demo .workload-layout{grid-template-columns:1fr}.familyos-demo .workload-layout aside{grid-template-columns:1fr 1fr}}@media (max-width:600px){.familyos-demo .workload-kpis,.familyos-demo .workload-layout aside{grid-template-columns:1fr}.familyos-demo .pressure-row{grid-template-columns:28px 1fr}.familyos-demo .pressure-row time{display:none}.familyos-demo .unassigned-row{grid-template-columns:50px 1fr}.familyos-demo .unassigned-row small{display:none}}.familyos-demo .intelligence-page .brief-switch{flex-wrap:wrap;gap:7px;margin:0 0 14px;display:flex}.familyos-demo .intelligence-page .brief-switch button{border:1px solid var(--line);min-height:36px;color:var(--muted);background:#fff;border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:9px;font-weight:650;display:flex}.familyos-demo .intelligence-page .brief-switch button:hover{color:var(--brand-strong);background:#faf9ff;border-color:#d8d3fb}.familyos-demo .intelligence-page .brief-switch button.active{color:#fff;background:#292b34;border-color:#292b34}.familyos-demo .intelligence-page .brief-switch .automation-button{background:var(--brand-soft);color:var(--brand-strong);border-color:#ddd8fb;margin-left:auto}.familyos-demo .intelligence-page .intelligence-hero{color:#fff;background:linear-gradient(135deg,#292b34,#3c3e4a);border:0;border-radius:22px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;padding:24px 25px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 46px #22243126}.familyos-demo .intelligence-page .intelligence-hero:after{content:"";background:radial-gradient(circle,#7565ec59,#7565ec00 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-80px;right:-55px}.familyos-demo .intelligence-page .intelligence-hero h2{letter-spacing:-.035em;z-index:1;margin:5px 0 7px;font-size:22px;position:relative}.familyos-demo .intelligence-page .intelligence-hero p{color:#c7c9d2;z-index:1;max-width:680px;margin:0;font-size:9px;line-height:1.6;position:relative}.familyos-demo .intelligence-score{color:#fff;z-index:1;background:#ffffff12;border:1px solid #ffffff18;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-size:8px;font-weight:750;display:flex;position:relative}.familyos-demo .intelligence-score svg{width:13px}.familyos-demo .intelligence-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:14px;margin-top:14px;display:grid}.familyos-demo .intelligence-grid>aside{align-content:start;gap:12px;display:grid}.familyos-demo .insight-list,.familyos-demo .tomorrow-card,.familyos-demo .workload-card{border-radius:18px;padding:18px}.familyos-demo .insight-row{border-top:1px solid #eef0f3;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;padding:12px 0;display:grid}.familyos-demo .insight-row:first-child{border-top:0}.familyos-demo .insight-icon{background:var(--brand-soft);width:34px;height:34px;color:var(--brand);border-radius:10px;place-items:center;display:grid}.familyos-demo .insight-row.urgent .insight-icon{color:#aa535d;background:#fff0f1}.familyos-demo .insight-row.warning .insight-icon{color:#a8742d;background:#fff5e8}.familyos-demo .insight-icon svg{width:15px}.familyos-demo .insight-row p,.familyos-demo .insight-row strong,.familyos-demo .insight-row small{display:block}.familyos-demo .insight-row p{text-transform:uppercase;letter-spacing:.09em;color:var(--muted-2);margin:0 0 3px;font-size:7px}.familyos-demo .insight-row strong{font-size:10px;line-height:1.35}.familyos-demo .insight-row small{color:var(--muted);margin-top:3px;font-size:8px;line-height:1.5}.familyos-demo .insight-row button{border:1px solid var(--line);color:var(--brand-strong);white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:4px;padding:7px 9px;font-size:8px;font-weight:650;display:flex}.familyos-demo .insight-row button:hover{background:var(--brand-soft);border-color:#d8d3fb}.familyos-demo .insight-row button svg{width:11px}.familyos-demo .tomorrow-row{text-align:left;background:0 0;border:0;border-top:1px solid #eef0f3;grid-template-columns:10px 1fr auto;align-items:center;gap:9px;width:100%;padding:10px 0;display:grid}.familyos-demo .tomorrow-row:hover{background:#fafafe;border-radius:9px;padding-left:6px;padding-right:6px}.familyos-demo .tomorrow-row strong,.familyos-demo .tomorrow-row small{display:block}.familyos-demo .tomorrow-row strong{font-size:9px}.familyos-demo .tomorrow-row small{color:var(--muted);margin-top:3px;font-size:7px;line-height:1.4}.familyos-demo .tomorrow-row>svg{width:13px;color:var(--brand)}.familyos-demo .insight-dot{background:#92959f;border-radius:50%;width:8px;height:8px}.familyos-demo .insight-dot.urgent{background:#b85e68}.familyos-demo .insight-dot.warning{background:#b28137}.familyos-demo .insight-dot.positive{background:#5c856c}.familyos-demo .workload-row{grid-template-columns:82px 1fr 24px;align-items:center;gap:8px;padding:8px 0;display:grid}.familyos-demo .workload-row strong{font-size:8px}.familyos-demo .workload-row b{text-align:right;font-size:8px}.familyos-demo .workload-card>small{color:var(--muted);margin-top:8px;font-size:7px;line-height:1.5;display:block}.familyos-demo .workload-bar{background:#eef0f3;border-radius:999px;height:6px;overflow:hidden}.familyos-demo .workload-bar span{background:linear-gradient(90deg,var(--brand),#8b7df2);border-radius:999px;height:100%;display:block}.familyos-demo .intelligence-page .inline-status{color:#4e735a;background:#eef7f2;border:1px solid #ddece2;border-radius:10px;margin-bottom:12px;padding:9px 11px;font-size:8px}.familyos-demo .intelligence-page .section-title{margin-bottom:8px}.familyos-demo .intelligence-page .section-title h2{margin:4px 0;font-size:16px}@media (max-width:980px){.familyos-demo .intelligence-grid{grid-template-columns:1fr}.familyos-demo .intelligence-grid>aside{grid-template-columns:1fr 1fr}.familyos-demo .intelligence-page .brief-switch .automation-button{margin-left:0}}@media (max-width:700px){.familyos-demo .intelligence-grid>aside{grid-template-columns:1fr}.familyos-demo .insight-row{grid-template-columns:34px 1fr}.familyos-demo .insight-row button{grid-column:2;justify-self:start}.familyos-demo .intelligence-page .intelligence-hero{flex-direction:column;align-items:flex-start;padding:20px}.familyos-demo .intelligence-page .brief-switch{grid-template-columns:1fr 1fr;display:grid}.familyos-demo .intelligence-page .brief-switch button{justify-content:center}.familyos-demo .intelligence-page .brief-switch .automation-button{grid-column:1/-1}}.familyos-demo .health-page{padding-bottom:46px}.familyos-demo .health-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px;display:grid}.familyos-demo .health-kpis article{align-items:center;gap:11px;min-height:92px;padding:15px 16px;display:flex}.familyos-demo .health-kpis article>svg{color:#39765b;background:#eef7f3;border-radius:11px;flex:none;width:34px;height:34px;padding:8px}.familyos-demo .health-kpis span,.familyos-demo .health-kpis strong,.familyos-demo .health-kpis small{display:block}.familyos-demo .health-kpis span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:8px}.familyos-demo .health-kpis strong{color:var(--text);letter-spacing:-.04em;margin:3px 0 1px;font-size:21px}.familyos-demo .health-kpis small{color:var(--muted-2);font-size:8px}.familyos-demo .health-top-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:12px;margin-bottom:12px;display:grid}.familyos-demo .health-next{color:#fff;background:linear-gradient(135deg,#24322c,#354b41);border:0;justify-content:space-between;align-items:center;min-height:128px;padding:20px 22px;display:flex}.familyos-demo .health-next .label{color:#9fc5b2}.familyos-demo .health-next h2{letter-spacing:-.035em;margin:6px 0 5px;font-size:21px}.familyos-demo .health-next p:last-child{color:#c6d2cc;margin:0;font-size:9px}.familyos-demo .health-next-date{background:#ffffff1a;border-radius:18px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.familyos-demo .health-next-date strong{font-size:16px}.familyos-demo .health-next-date small{color:#c6d2cc;margin-top:2px;font-size:8px}.familyos-demo .health-next-date svg{width:24px}.familyos-demo .health-family-filter h3{margin:4px 0 13px;font-size:14px}.familyos-demo .health-member-pills{gap:7px;padding-bottom:2px;display:flex;overflow:auto}.familyos-demo .health-member-pills button{min-width:52px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:6px 5px;display:flex}.familyos-demo .health-member-pills button:hover{background:var(--surface-2)}.familyos-demo .health-member-pills button.active{color:#2f6f52;background:#eef7f3;border-color:#d8ebe1}.familyos-demo .health-member-pills .avatar,.familyos-demo .health-member-pills .everyone{border-radius:10px;place-items:center;width:31px;height:31px;font-size:9px;font-weight:750;display:grid}.familyos-demo .health-member-pills .everyone{color:#39765b;background:#e5f1eb}.familyos-demo .health-member-pills small{font-size:8px}.familyos-demo .health-compose{margin-bottom:18px;padding:17px 18px}.familyos-demo .health-compose-head{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.familyos-demo .health-compose-head h3{margin:4px 0;font-size:15px}.familyos-demo .health-compose-head>svg{color:#39765b;width:18px}.familyos-demo .health-compose-grid{grid-template-columns:125px 135px minmax(170px,1.2fr) 130px minmax(150px,1fr) minmax(190px,1.3fr) 105px;gap:7px;display:grid}.familyos-demo .health-compose input,.familyos-demo .health-compose select{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;min-width:0;height:40px;padding:0 10px;font-size:9px}.familyos-demo .health-compose button{color:#fff;background:#26302b;border:0;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:0 12px;font-size:9px;font-weight:700;display:flex}.familyos-demo .health-compose button svg{width:13px}.familyos-demo .health-section-head{justify-content:space-between;align-items:end;margin-bottom:10px;padding:0 2px;display:flex}.familyos-demo .health-section-head h2{margin:4px 0 0;font-size:19px}.familyos-demo .health-section-head small{color:var(--muted);font-size:9px}.familyos-demo .health-record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.familyos-demo .health-record{grid-template-columns:36px 1fr;gap:12px;min-height:165px;padding:17px;transition:all .16s;display:grid}.familyos-demo .health-record:hover{box-shadow:var(--shadow-md);border-color:#d8e7df;transform:translateY(-1px)}.familyos-demo .health-record-icon{color:#39765b;background:#eef7f3;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.familyos-demo .health-record-icon svg{width:17px}.familyos-demo .health-record-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.familyos-demo .health-record-top .label{margin:0 0 4px}.familyos-demo .health-record-top h3{margin:0;font-size:14px}.familyos-demo .health-delete{color:#aaaab4;background:0 0;border:0;border-radius:7px;place-items:center;padding:3px;display:grid}.familyos-demo .health-delete:hover{color:#a84f4f;background:#fff2f2}.familyos-demo .health-delete svg{width:14px}.familyos-demo .health-record-meta{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.familyos-demo .health-record-meta span{color:var(--muted);align-items:center;gap:4px;font-size:8px;display:flex}.familyos-demo .health-record-meta svg{width:11px}.familyos-demo .health-notes{color:#6f7773;background:#f6f8f7;border-radius:9px;margin:9px 0 0;padding:8px 10px;font-size:8px;line-height:1.55}.familyos-demo .health-record .link-actions{margin-top:10px}.familyos-demo .health-empty{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:230px;padding:30px;display:flex}.familyos-demo .health-empty>svg{color:#39765b;background:#eef7f3;border-radius:13px;width:38px;height:38px;margin-bottom:11px;padding:9px}.familyos-demo .health-empty h3{margin:0 0 5px;font-size:16px}.familyos-demo .health-empty p{color:var(--muted);margin:0;font-size:9px}@media (max-width:1120px){.familyos-demo .health-kpis{grid-template-columns:repeat(2,1fr)}.familyos-demo .health-top-grid{grid-template-columns:1fr}.familyos-demo .health-compose-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.familyos-demo .health-compose button{min-height:40px}}@media (max-width:820px){.familyos-demo .health-kpis{grid-template-columns:1fr 1fr}.familyos-demo .health-record-grid{grid-template-columns:1fr}.familyos-demo .health-compose-grid{grid-template-columns:1fr 1fr}.familyos-demo .health-next{min-height:118px}}@media (max-width:560px){.familyos-demo .health-kpis,.familyos-demo .health-compose-grid{grid-template-columns:1fr}.familyos-demo .health-next{padding:17px}.familyos-demo .health-next-date{width:60px;height:60px}.familyos-demo .health-family-filter{padding:15px}}.familyos-demo .relationship-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.familyos-demo .relationship-kpis>.card{align-items:center;gap:11px;min-height:90px;padding:15px 16px;display:flex}.familyos-demo .relationship-kpis svg{color:#a75b70;background:#fff1f5;border-radius:11px;flex:none;width:34px;height:34px;padding:8px}.familyos-demo .relationship-kpis span,.familyos-demo .relationship-kpis strong,.familyos-demo .relationship-kpis small{display:block}.familyos-demo .relationship-kpis span{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:8px}.familyos-demo .relationship-kpis strong{letter-spacing:-.04em;margin:3px 0 1px;font-size:21px}.familyos-demo .relationship-kpis small{color:var(--muted-2);font-size:8px}.familyos-demo .relationship-top-grid{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:12px;margin-bottom:18px;display:grid}.familyos-demo .relationship-next{color:#fff;background:linear-gradient(135deg,#4c3541,#684756);border:0;justify-content:space-between;align-items:center;min-height:145px;padding:20px 21px;display:flex}.familyos-demo .relationship-next .label{color:#e7bdca}.familyos-demo .relationship-next h2{margin:6px 0 5px;font-size:22px}.familyos-demo .relationship-next p:last-child{color:#e3cfd5;max-width:330px;margin:0;font-size:9px;line-height:1.5}.familyos-demo .relationship-next-date{text-align:center;background:#ffffff1a;border-radius:18px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.familyos-demo .relationship-next-date strong{font-size:15px}.familyos-demo .relationship-next-date small{color:#ead8de;max-width:58px;margin-top:3px;font-size:7px}.familyos-demo .relationship-next-date svg{width:23px}.familyos-demo .relationship-compose{padding:17px 18px}.familyos-demo .relationship-compose-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.familyos-demo .relationship-compose-head h3{margin:4px 0;font-size:15px}.familyos-demo .relationship-compose-head>svg{color:#a75b70;width:18px}.familyos-demo .relationship-compose-grid{grid-template-columns:minmax(140px,1fr) 115px 120px 125px minmax(150px,1fr) 92px;gap:7px;display:grid}.familyos-demo .relationship-compose-grid input,.familyos-demo .relationship-compose-grid select{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;min-width:0;height:40px;padding:0 9px;font-size:9px}.familyos-demo .relationship-compose-grid button{color:#fff;background:#4c3541;border:0;border-radius:10px;justify-content:center;align-items:center;gap:5px;height:40px;font-size:9px;font-weight:700;display:flex}.familyos-demo .relationship-compose-grid button svg{width:13px}.familyos-demo .relationship-toolbar{justify-content:space-between;align-items:end;gap:16px;margin:0 2px 10px;display:flex}.familyos-demo .relationship-toolbar h2{margin:4px 0 0;font-size:19px}.familyos-demo .relationship-filters{gap:5px;max-width:68%;padding-bottom:1px;display:flex;overflow:auto}.familyos-demo .relationship-filters button{white-space:nowrap;border:1px solid var(--line);height:31px;color:var(--muted);background:#fff;border-radius:99px;align-items:center;gap:5px;padding:0 9px;font-size:8px;display:flex}.familyos-demo .relationship-filters button span{background:var(--surface-3);border-radius:99px;place-items:center;min-width:17px;height:17px;font-size:7px;display:grid}.familyos-demo .relationship-filters button.active{color:#87495b;background:#fff4f7;border-color:#ead0d8;font-weight:700}.familyos-demo .relationship-filters button.active span{background:#f4dce4}.familyos-demo .relationship-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.familyos-demo .relationship-card{flex-direction:column;min-height:225px;padding:17px;transition:all .16s;display:flex}.familyos-demo .relationship-card:hover{box-shadow:var(--shadow-md);border-color:#ead6dc;transform:translateY(-2px)}.familyos-demo .relationship-card-head{grid-template-columns:38px 1fr auto;align-items:center;gap:10px;display:grid}.familyos-demo .relationship-avatar{color:#86495a;background:linear-gradient(145deg,#fbe4eb,#f3ceda);border-radius:12px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid}.familyos-demo .relationship-card-head .label{margin:0 0 3px}.familyos-demo .relationship-card-head h3{margin:0;font-size:14px}.familyos-demo .occasion-chip{color:#95566a;background:#fff2f6;border-radius:99px;padding:5px 7px;font-size:7px;font-weight:700}.familyos-demo .relationship-date{border-top:1px solid #f0edf0;border-bottom:1px solid #f0edf0;align-items:center;gap:8px;margin-top:17px;padding:11px 0;display:flex}.familyos-demo .relationship-date>svg{color:#a75b70;width:16px}.familyos-demo .relationship-date strong,.familyos-demo .relationship-date small{display:block}.familyos-demo .relationship-date strong{font-size:10px}.familyos-demo .relationship-date small{color:var(--muted);margin-top:1px;font-size:8px}.familyos-demo .gift-note{color:#8b6a38;background:#fff8ed;border-radius:9px;align-items:center;gap:6px;margin-top:10px;padding:8px 9px;font-size:8px;display:flex}.familyos-demo .gift-note svg{flex:none;width:13px}.familyos-demo .relationship-actions{flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:11px;display:flex}.familyos-demo .relationship-actions button{border:1px solid var(--line);color:#656873;background:#fff;border-radius:8px;align-items:center;gap:4px;height:29px;padding:0 7px;font-size:7px;display:flex}.familyos-demo .relationship-actions button:hover{color:#85495a;background:#fff7f9;border-color:#e4cad2}.familyos-demo .relationship-actions svg{width:11px}.familyos-demo .relationship-empty{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:230px;padding:30px;display:flex}.familyos-demo .relationship-empty>svg{color:#a75b70;background:#fff1f5;border-radius:13px;width:40px;height:40px;margin-bottom:11px;padding:10px}.familyos-demo .relationship-empty h3{margin:0 0 5px;font-size:16px}.familyos-demo .relationship-empty p{color:var(--muted);margin:0;font-size:9px}@media (max-width:1100px){.familyos-demo .relationship-kpis{grid-template-columns:repeat(2,1fr)}.familyos-demo .relationship-top-grid{grid-template-columns:1fr}.familyos-demo .relationship-compose-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.familyos-demo .relationship-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.familyos-demo .relationship-compose-grid{grid-template-columns:1fr 1fr}.familyos-demo .relationship-toolbar{display:block}.familyos-demo .relationship-filters{max-width:100%;margin-top:10px}.familyos-demo .relationship-grid{grid-template-columns:1fr}}@media (max-width:560px){.familyos-demo .relationship-kpis,.familyos-demo .relationship-compose-grid{grid-template-columns:1fr}.familyos-demo .relationship-next{padding:17px}.familyos-demo .relationship-next-date{width:62px;height:62px}}.familyos-demo .lifestyle-page{padding-bottom:38px}.familyos-demo .lifestyle-page>.feature-hero{background:linear-gradient(135deg,#f8f6ff,#f7fbf8);border:1px solid #ebe9f4;border-radius:22px;padding:24px 26px}.familyos-demo .lifestyle-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.familyos-demo .lifestyle-kpis article{align-items:center;gap:11px;min-height:94px;padding:15px 16px;display:flex;position:relative;overflow:hidden}.familyos-demo .lifestyle-kpis article:after{content:"";background:#6757e70b;border-radius:50%;width:68px;height:68px;position:absolute;bottom:-30px;right:-27px}.familyos-demo .lifestyle-kpis article>svg{background:var(--brand-soft);width:34px;height:34px;color:var(--brand);border-radius:11px;flex:none;padding:8px}.familyos-demo .lifestyle-kpis strong,.familyos-demo .lifestyle-kpis span,.familyos-demo .lifestyle-kpis small{display:block}.familyos-demo .lifestyle-kpis strong{letter-spacing:-.04em;font-size:21px}.familyos-demo .lifestyle-kpis span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:3px;font-size:8px}.familyos-demo .lifestyle-kpis small{color:var(--muted-2);margin-top:2px;font-size:8px}.familyos-demo .lifestyle-page .lifestyle-compose{margin-bottom:14px;padding:17px 18px}.familyos-demo .lifestyle-page .lifestyle-compose input,.familyos-demo .lifestyle-page .lifestyle-compose select,.familyos-demo .lifestyle-page .lifestyle-compose textarea{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;min-height:40px;padding:9px 10px;font-size:9px}.familyos-demo .lifestyle-page .lifestyle-compose button{color:#fff;background:#292b32;border:0;border-radius:10px;min-height:40px;padding:0 13px;font-size:9px;font-weight:700}.familyos-demo .lifestyle-page .card:not(.lifestyle-empty):not(.lifestyle-compose){transition:all .16s}.familyos-demo .lifestyle-page .card:not(.lifestyle-empty):not(.lifestyle-compose):hover{box-shadow:var(--shadow-md);border-color:#ddd9ef;transform:translateY(-1px)}.familyos-demo .lifestyle-page .card h3{letter-spacing:-.02em}.familyos-demo .lifestyle-page .card p,.familyos-demo .lifestyle-page .card small{line-height:1.5}.familyos-demo .lifestyle-empty{text-align:center;background:linear-gradient(145deg,#fff,#fcfbff);border-style:dashed;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:240px;padding:34px;display:flex}.familyos-demo .lifestyle-empty>svg{background:var(--brand-soft);width:42px;height:42px;color:var(--brand);border-radius:14px;padding:11px}.familyos-demo .lifestyle-empty h3{margin:12px 0 5px;font-size:16px}.familyos-demo .lifestyle-empty p{max-width:500px;color:var(--muted);margin:0;font-size:9px;line-height:1.6}.familyos-demo .lifestyle-page button:focus-visible,.familyos-demo .lifestyle-page input:focus-visible,.familyos-demo .lifestyle-page select:focus-visible,.familyos-demo .lifestyle-page textarea:focus-visible{outline-offset:2px;outline:3px solid #6757e726}@media (max-width:900px){.familyos-demo .lifestyle-kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.familyos-demo .lifestyle-page>.feature-hero{padding:20px}.familyos-demo .lifestyle-kpis{grid-template-columns:1fr 1fr}.familyos-demo .lifestyle-kpis article{min-height:88px;padding:13px}}@media (max-width:420px){.familyos-demo .lifestyle-kpis{grid-template-columns:1fr}}.familyos-demo .custom-kpis{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.familyos-demo .custom-kpis article{align-items:center;gap:11px;padding:16px;display:flex}.familyos-demo .custom-kpis svg{color:#6759cf;background:#f2effc;border-radius:10px;width:32px;height:32px;padding:8px}.familyos-demo .custom-kpis strong,.familyos-demo .custom-kpis span{display:block}.familyos-demo .custom-kpis strong{font-size:20px}.familyos-demo .custom-kpis span{color:#92949d;margin-top:2px;font-size:9px}.familyos-demo .custom-page .custom-compose{margin-bottom:14px}.familyos-demo .custom-page .custom-group .cardhead small{color:#9a9ca5;margin-top:4px;font-size:8px;display:block}.familyos-demo .custom-welcome{text-align:center;align-content:center;place-items:center;min-height:240px;padding:35px;display:grid}.familyos-demo .custom-welcome>svg{color:#6759cf;background:#f2effc;border-radius:14px;width:44px;height:44px;padding:12px}.familyos-demo .custom-welcome h3{margin:12px 0 5px;font-size:15px}.familyos-demo .custom-welcome p{color:#8f919a;max-width:480px;font-size:10px;line-height:1.6}@media (max-width:900px){.familyos-demo .custom-kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.familyos-demo .custom-kpis{grid-template-columns:1fr 1fr}.familyos-demo .custom-kpis article{padding:12px}}.familyos-demo .communication-grid{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);align-items:start;gap:14px;display:grid}.familyos-demo .communication-card,.familyos-demo .qr-card,.familyos-demo .phone-access-card{padding:20px}.familyos-demo .communication-card .cardhead h3,.familyos-demo .phone-access-card .cardhead h3{margin:4px 0;font-size:17px}.familyos-demo .communication-card .cardhead>svg{width:19px;color:var(--brand)}.familyos-demo .settings-fields{grid-template-columns:1fr 1fr;gap:9px;margin-top:15px;display:grid}.familyos-demo .settings-fields label,.familyos-demo .quiet-row label,.familyos-demo .qr-member-select{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:8px;font-weight:700}.familyos-demo .settings-fields input,.familyos-demo .settings-fields select,.familyos-demo .quiet-row input,.familyos-demo .qr-member-select input,.familyos-demo .qr-member-select select{border:1px solid var(--line);background:var(--surface-2);width:100%;height:40px;color:var(--text);border-radius:10px;margin-top:5px;padding:0 10px;font-size:9px;display:block}.familyos-demo .routing-summary{background:var(--brand-soft);border-radius:11px;justify-content:space-between;align-items:center;gap:10px;margin:14px 0 4px;padding:11px 12px;display:flex}.familyos-demo .routing-summary strong{color:var(--brand-strong);font-size:9px}.familyos-demo .routing-summary span{color:#746db0;text-align:right;font-size:8px}.familyos-demo .channel-list{margin:10px 0}.familyos-demo .channel-row{border-top:1px solid #eef0f4;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:11px 2px;display:grid}.familyos-demo .channel-row:first-child{border-top:0}.familyos-demo .channel-icon{width:34px;height:34px;color:var(--brand);background:#f2f0fc;border-radius:10px;place-items:center;display:grid}.familyos-demo .channel-icon svg{width:15px}.familyos-demo .channel-row strong,.familyos-demo .channel-row small{display:block}.familyos-demo .channel-row strong{font-size:10px}.familyos-demo .channel-row small{color:var(--muted);margin-top:2px;font-size:8px}.familyos-demo .channel-row input{width:18px;height:18px;accent-color:var(--brand)}.familyos-demo .quiet-row{border-top:1px solid #eef0f4;grid-template-columns:1fr 1fr;gap:9px;padding-top:12px;display:grid}.familyos-demo .primary-action{color:#fff;background:#262831;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:0 13px;font-size:9px;font-weight:700;display:flex}.familyos-demo .primary-action svg{width:14px}.familyos-demo .communication-card>.primary-action{width:100%;margin-top:12px}.familyos-demo .qr-card{color:#fff;background:linear-gradient(145deg,#252733,#363848);border:0;position:sticky;top:92px;box-shadow:0 18px 46px #22243229}.familyos-demo .qr-card .label{color:#c1bdec}.familyos-demo .qr-card h2{letter-spacing:-.035em;margin:8px 0 14px;font-size:22px}.familyos-demo .qr-card>p:not(.label){color:#c6c8d0;font-size:9px;line-height:1.6}.familyos-demo .qr-placeholder,.familyos-demo .qr-live{color:#242630;background:#fff;border-radius:17px;place-items:center;width:138px;height:138px;margin-bottom:18px;padding:10px;display:grid;box-shadow:0 10px 28px #00000029}.familyos-demo .qr-placeholder svg{width:82px;height:82px}.familyos-demo .qr-live svg{width:100%;height:100%}.familyos-demo .qr-member-select{color:#c8c9d1;margin-top:10px;display:block}.familyos-demo .qr-member-select input,.familyos-demo .qr-member-select select{color:#fff;background:#ffffff0d;border-color:#ffffff17}.familyos-demo .expiry-pills{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.familyos-demo .expiry-pills button{color:#c9cad2;background:#ffffff0d;border:1px solid #ffffff16;border-radius:9px;padding:7px 9px;font-size:8px}.familyos-demo .expiry-pills button.active{color:#292b34;background:#fff;border-color:#fff}.familyos-demo .gateway-url,.familyos-demo .qr-safety{background:#ffffff0b;border:1px solid #ffffff14;border-radius:10px}.familyos-demo .gateway-url{word-break:break-all;color:#d9dae0;padding:9px;font-size:8px}.familyos-demo .qr-safety{margin-top:10px;padding:11px}.familyos-demo .qr-safety strong{align-items:center;gap:5px;font-size:9px;display:flex}.familyos-demo .qr-safety span{color:#bfc1c9;margin-top:4px;font-size:8px;line-height:1.5;display:block}.familyos-demo .qr-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.familyos-demo .qr-card>.primary-action{color:#292b34;background:#fff;width:100%;margin-top:10px}.familyos-demo .qr-card .secondary{color:#fff;background:#ffffff12;border:1px solid #ffffff1f}.familyos-demo .phone-access-card{margin-top:14px}.familyos-demo .phone-access-card .cardhead{margin-bottom:8px}.familyos-demo .mini-action{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:9px;align-items:center;gap:5px;padding:8px 10px;font-size:8px;display:flex}.familyos-demo .mini-action svg{width:12px}.familyos-demo .phone-session{border-top:1px solid #eef0f4;grid-template-columns:38px minmax(0,1fr) auto auto 28px;align-items:center;gap:9px;padding:12px 0;display:grid}.familyos-demo .phone-session-icon{background:var(--brand-soft);width:36px;height:36px;color:var(--brand);border-radius:11px;place-items:center;display:grid}.familyos-demo .phone-session-icon svg{width:16px}.familyos-demo .phone-session strong,.familyos-demo .phone-session small,.familyos-demo .phone-session em{display:block}.familyos-demo .phone-session strong{font-size:10px}.familyos-demo .phone-session small{color:var(--muted);align-items:center;gap:4px;margin-top:3px;font-size:8px;display:flex}.familyos-demo .phone-session small svg{width:10px}.familyos-demo .phone-session em{color:var(--muted-2);word-break:break-all;margin-top:4px;font-size:7px;font-style:normal}.familyos-demo .session-safe{color:#4f755c;white-space:nowrap;background:#eef6f1;border-radius:99px;align-items:center;gap:4px;padding:5px 7px;font-size:7px;display:flex}.familyos-demo .session-safe svg{width:10px}.familyos-demo .icon-action.danger{color:#aaa;background:0 0;border:0;border-radius:8px;padding:5px}.familyos-demo .icon-action.danger:hover{color:#a5525b;background:#fff0f1}.familyos-demo .icon-action.danger svg{width:14px}.familyos-demo .settings-note{color:var(--muted);margin:12px 0 0;font-size:8px;line-height:1.55}.familyos-demo .control-heading{margin:30px 2px 13px}.familyos-demo .control-heading h2{letter-spacing:-.03em;margin:5px 0;font-size:22px}.familyos-demo .control-heading>p:last-child{color:var(--muted);max-width:680px;font-size:9px;line-height:1.55}.familyos-demo .notice-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#181a226b;place-items:stretch end}.familyos-demo .notification-panel{background:#fff;border-radius:20px 0 0 20px;width:min(440px,100%);height:100%;padding:22px;overflow:auto;box-shadow:-24px 0 60px #181a2224}.familyos-demo .notification-panel .sheethead h2{margin:5px 0;font-size:24px}.familyos-demo .notification-panel .sheethead>button{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:#fff;border-radius:10px;font-size:18px}.familyos-demo .enable-notifications{color:#fff;background:#262831;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;height:40px;margin:12px 0;font-size:9px;font-weight:700;display:flex}.familyos-demo .notification-list{gap:8px;display:grid}.familyos-demo .notification-row{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:34px 1fr;gap:10px;padding:12px;display:grid}.familyos-demo .notification-row>span{width:32px;height:32px;color:var(--muted);background:#f3f4f7;border-radius:10px;place-items:center;display:grid}.familyos-demo .notification-row>span svg{width:14px}.familyos-demo .notification-row strong{font-size:10px}.familyos-demo .notification-row p{color:var(--muted);margin:3px 0;font-size:8px;line-height:1.45}.familyos-demo .notification-row small{color:var(--muted-2);font-size:7px}.familyos-demo .notification-row.urgent{background:snow;border-color:#efd7da}.familyos-demo .notification-row.urgent>span{color:#a5525b;background:#fff0f1}.familyos-demo .notification-row.high>span{color:#a1702b;background:#fff6e9}.familyos-demo .panel-error{color:#a5525b;background:#fff0f1;border-radius:9px;padding:10px;font-size:8px}.familyos-demo .notification-panel .empty.compact{min-height:220px}@media (max-width:980px){.familyos-demo .communication-grid{grid-template-columns:1fr}.familyos-demo .qr-card{position:static}.familyos-demo .phone-session{grid-template-columns:36px minmax(0,1fr) auto}.familyos-demo .phone-session .mini-action,.familyos-demo .phone-session .icon-action{grid-row:2}.familyos-demo .phone-session .mini-action{grid-column:2}.familyos-demo .phone-session .icon-action{grid-column:3}.familyos-demo .session-safe{grid-area:1/3}}@media (max-width:620px){.familyos-demo .settings-fields,.familyos-demo .quiet-row,.familyos-demo .qr-actions{grid-template-columns:1fr}.familyos-demo .phone-session{grid-template-columns:34px 1fr}.familyos-demo .session-safe{grid-column:2;justify-self:start}.familyos-demo .phone-session .mini-action,.familyos-demo .phone-session .icon-action{grid-area:auto}.familyos-demo .notification-panel{border-radius:0;width:100%}.familyos-demo .routing-summary{flex-direction:column;align-items:flex-start}.familyos-demo .routing-summary span{text-align:left}}.familyos-demo .finance-page,.familyos-demo .shopping-page{--ui-copy:12px;--ui-meta:10px}.familyos-demo .finance-page .label,.familyos-demo .shopping-page .label{letter-spacing:.12em;font-size:9px;line-height:1.2}.familyos-demo .finance-page .cardhead h2,.familyos-demo .finance-page .cardhead h3,.familyos-demo .shopping-page .cardhead h2,.familyos-demo .shopping-page .cardhead h3{letter-spacing:-.025em}.familyos-demo .finance-page>.feature-hero{min-height:108px;padding:20px 24px}.familyos-demo .finance-page>.feature-hero h1{font-size:31px}.familyos-demo .finance-page>.feature-hero p{font-size:11px}.familyos-demo .finance-tabs{border-radius:14px;gap:4px;margin:12px 0 18px;padding:5px}.familyos-demo .finance-tabs button{border-radius:10px;min-height:36px;padding:0 13px;font-size:11px}.familyos-demo .finance-tabs button svg{width:15px;height:15px}.familyos-demo .finance-page>section.card{padding:24px}.familyos-demo .finance-page>section.card>.cardhead h3{font-size:19px}.familyos-demo .finance-page .empty.compact{min-height:150px;padding:26px}.familyos-demo .finance-page .empty.compact h3{margin-bottom:6px;font-size:16px}.familyos-demo .finance-page .empty.compact p{max-width:560px;font-size:11px;line-height:1.55}.familyos-demo .budget-panel{padding:24px!important}.familyos-demo .budget-panel-head{align-items:center;margin-bottom:16px}.familyos-demo .budget-panel-head h2{margin:5px 0 6px;font-size:23px}.familyos-demo .budget-panel-head>div>p:last-child{font-size:11px;line-height:1.55}.familyos-demo .budget-month-nav{gap:7px}.familyos-demo .budget-month-nav button{border-radius:10px;min-width:38px;height:38px;padding:0 11px;font-size:10px}.familyos-demo .budget-month-nav button.current{min-width:88px}.familyos-demo .budget-kpis{gap:10px;margin:0 0 14px}.familyos-demo .budget-kpis article{min-height:82px;padding:14px 15px}.familyos-demo .budget-kpis span{font-size:9px}.familyos-demo .budget-kpis strong{margin:5px 0 3px;font-size:20px}.familyos-demo .budget-kpis small{font-size:9px}.familyos-demo .budget-compose{grid-template-columns:180px minmax(190px,1fr) 130px;gap:8px;margin-bottom:14px;padding:11px}.familyos-demo .budget-compose input,.familyos-demo .budget-compose select,.familyos-demo .budget-compose button{border-radius:10px;height:42px;font-size:11px}.familyos-demo .budget-compose button svg{width:15px}.familyos-demo .budget-category-card{padding:15px}.familyos-demo .budget-category-top h3{font-size:13px}.familyos-demo .budget-category-top>strong{font-size:12px}.familyos-demo .budget-category-foot small{font-size:10px}.familyos-demo .budget-empty{min-height:170px!important}.familyos-demo .finance-page .fund-projection-panel{margin-top:14px;padding:24px}.familyos-demo .fund-projection-panel h3{font-size:18px}.familyos-demo .projection-intro{max-width:720px;font-size:11px}.familyos-demo .projection-kpis article{min-height:82px;padding:14px}.familyos-demo .projection-kpis span{font-size:9px}.familyos-demo .projection-kpis strong{font-size:20px}.familyos-demo .projection-kpis small{font-size:9px}.familyos-demo .projection-empty{min-height:155px!important;padding:28px!important}.familyos-demo .projection-empty p{font-size:11px}.familyos-demo .investment-planning-panel{padding:24px}.familyos-demo .investment-intro{max-width:760px;font-size:11px}.familyos-demo .investment-kpis{gap:10px;margin:16px 0}.familyos-demo .investment-kpis article{min-height:84px;padding:14px 15px}.familyos-demo .investment-kpis span{font-size:9px}.familyos-demo .investment-kpis strong{font-size:20px}.familyos-demo .investment-kpis small{font-size:9px}.familyos-demo .investment-compose{grid-template-columns:minmax(190px,1.45fr) 130px 110px 110px 100px 120px 125px auto;gap:7px;margin-bottom:14px;padding:11px}.familyos-demo .investment-compose input,.familyos-demo .investment-compose select,.familyos-demo .investment-compose label,.familyos-demo .investment-compose button{border-radius:9px;height:42px;font-size:10px}.familyos-demo .investment-empty{padding:28px;min-height:170px!important}.familyos-demo .investment-empty h3{font-size:16px}.familyos-demo .investment-empty p{font-size:11px}.familyos-demo .debt-payoff-panel{padding:24px!important}.familyos-demo .debt-payoff-panel .cardhead h3{font-size:19px!important}.familyos-demo .debt-payoff-panel .cardhead p:not(.label){line-height:1.5;font-size:11px!important}.familyos-demo .debt-payoff-panel .empty{min-height:160px!important}.familyos-demo .debt-payoff-panel .empty h3{font-size:16px}.familyos-demo .debt-payoff-panel .empty p{font-size:11px}.familyos-demo .children-page .allowance-rules-card{padding:20px}.familyos-demo .children-page .allowance-rules-card input,.familyos-demo .children-page .allowance-rules-card select,.familyos-demo .children-page .allowance-rules-card button{min-height:40px}.familyos-demo .children-page .allowance-rules-card+.card,.familyos-demo .children-page .allowance-activity{min-height:0}.familyos-demo .children-page .empty{min-height:130px;padding:22px}.familyos-demo .children-page .empty h3{font-size:15px}.familyos-demo .children-page .empty p{font-size:10px}.familyos-demo .shopping-page>.feature-hero h1{font-size:32px}.familyos-demo .shopping-page>.feature-hero p{font-size:11px}.familyos-demo .shopping-kpis>.card{min-height:84px;padding:13px 15px}.familyos-demo .shopping-kpis span{font-size:9px}.familyos-demo .shopping-kpis strong{font-size:20px}.familyos-demo .shopping-kpis small{font-size:9px}.familyos-demo .shopping-compose-v2{grid-template-columns:190px 1fr;gap:14px;margin-bottom:14px;padding:15px 16px}.familyos-demo .shopping-compose-v2 h3{font-size:15px}.familyos-demo .shopping-compose-fields{grid-template-columns:minmax(220px,1.5fr) 110px 145px 112px;gap:8px}.familyos-demo .shopping-compose-fields input,.familyos-demo .shopping-compose-fields select,.familyos-demo .shopping-compose-fields button{height:42px;font-size:10px}.familyos-demo .shopping-toolbar{margin-bottom:11px}.familyos-demo .shopping-toolbar h2{font-size:20px}.familyos-demo .shopping-filter-pills button{height:34px;font-size:9px}.familyos-demo .shopping-groups-v2{gap:12px}.familyos-demo .shopping-group-v2 .cardhead h3{font-size:16px}.familyos-demo .shopping-row{min-height:54px;padding:9px 2px}.familyos-demo .shopping-row strong{font-size:11px}.familyos-demo .shopping-row small{font-size:9px}@media (max-width:1100px){.familyos-demo .investment-compose{grid-template-columns:repeat(4,minmax(0,1fr))}.familyos-demo .budget-panel-head{align-items:flex-start}}@media (max-width:760px){.familyos-demo .budget-panel,.familyos-demo .investment-planning-panel,.familyos-demo .finance-page>section.card{padding:17px!important}.familyos-demo .budget-panel-head{flex-direction:column}.familyos-demo .budget-month-nav{width:100%}.familyos-demo .budget-month-nav button.current{flex:1}.familyos-demo .budget-kpis,.familyos-demo .budget-compose,.familyos-demo .shopping-compose-v2{grid-template-columns:1fr}.familyos-demo .shopping-compose-fields,.familyos-demo .investment-compose{grid-template-columns:1fr 1fr}}@media (max-width:520px){.familyos-demo .shopping-compose-fields,.familyos-demo .investment-compose{grid-template-columns:1fr}.familyos-demo .finance-tabs button{padding:0 10px;font-size:10px}}.familyos-demo .feature-page{padding-bottom:38px}.familyos-demo .feature-page>.feature-hero{min-height:96px;margin-bottom:14px;padding-top:2px;padding-bottom:2px}.familyos-demo .feature-page>.feature-hero h1{margin:5px 0 6px;font-size:34px}.familyos-demo .feature-page>.feature-hero p{font-size:10px;line-height:1.5}.familyos-demo .feature-page>.feature-hero>svg{border-radius:13px;width:40px;height:40px;padding:10px}.familyos-demo .card{border-radius:16px}.familyos-demo .label{font-size:7px}.familyos-demo .calendar-kpis,.familyos-demo .task-kpis,.familyos-demo .health-kpis,.familyos-demo .homecare-kpis,.familyos-demo .shopping-kpis,.familyos-demo .relationship-kpis,.familyos-demo .goal-kpis,.familyos-demo .lifestyle-kpis,.familyos-demo .settings-kpis{gap:8px;margin-bottom:10px}.familyos-demo .calendar-kpis article,.familyos-demo .task-kpis article,.familyos-demo .health-kpis article,.familyos-demo .homecare-kpis>.card,.familyos-demo .shopping-kpis>.card,.familyos-demo .relationship-kpis>.card,.familyos-demo .goal-kpis article,.familyos-demo .lifestyle-kpis article,.familyos-demo .settings-kpis article{gap:9px;min-height:76px;padding:11px 13px}.familyos-demo .calendar-kpis article>svg,.familyos-demo .task-kpis article>svg,.familyos-demo .health-kpis article>svg,.familyos-demo .homecare-kpis svg,.familyos-demo .shopping-kpis>.card>svg,.familyos-demo .relationship-kpis svg,.familyos-demo .goal-kpis svg,.familyos-demo .lifestyle-kpis article>svg,.familyos-demo .settings-kpis article>svg{border-radius:10px;width:30px;height:30px;padding:7px}.familyos-demo .calendar-kpis strong,.familyos-demo .task-kpis strong,.familyos-demo .health-kpis strong,.familyos-demo .homecare-kpis strong,.familyos-demo .shopping-kpis strong,.familyos-demo .relationship-kpis strong,.familyos-demo .goal-kpis strong,.familyos-demo .lifestyle-kpis strong{font-size:18px}.familyos-demo .calendar-page .calendar-compose,.familyos-demo .tasks-page .task-composer,.familyos-demo .health-compose,.familyos-demo .homecare-compose,.familyos-demo .shopping-compose-v2,.familyos-demo .relationship-compose,.familyos-demo .goal-compose,.familyos-demo .lifestyle-page .lifestyle-compose{margin-bottom:11px;padding:12px 13px}.familyos-demo .calendar-page .calendar-compose input,.familyos-demo .tasks-page .task-composer input,.familyos-demo .tasks-page .task-composer select,.familyos-demo .health-compose input,.familyos-demo .health-compose select,.familyos-demo .homecare-compose-grid input,.familyos-demo .homecare-compose-grid select,.familyos-demo .shopping-compose-fields input,.familyos-demo .shopping-compose-fields select,.familyos-demo .relationship-compose-grid input,.familyos-demo .relationship-compose-grid select,.familyos-demo .goal-compose input,.familyos-demo .goal-compose select,.familyos-demo .lifestyle-page .lifestyle-compose input,.familyos-demo .lifestyle-page .lifestyle-compose select,.familyos-demo .calendar-page .calendar-compose>button,.familyos-demo .tasks-page .task-composer>button,.familyos-demo .health-compose button,.familyos-demo .homecare-compose-grid button,.familyos-demo .shopping-compose-fields button,.familyos-demo .relationship-compose-grid button,.familyos-demo .goal-compose button,.familyos-demo .lifestyle-page .lifestyle-compose button{border-radius:9px;height:37px;min-height:37px}.familyos-demo .calendar-layout,.familyos-demo .task-board,.familyos-demo .health-top-grid,.familyos-demo .relationship-top-grid{gap:10px}.familyos-demo .calendar-page .agenda,.familyos-demo .task-list{min-height:250px}.familyos-demo .calendar-page .empty.compact,.familyos-demo .tasks-page .empty.compact,.familyos-demo .health-empty,.familyos-demo .homecare-empty,.familyos-demo .shopping-empty,.familyos-demo .relationship-empty,.familyos-demo .goal-empty,.familyos-demo .lifestyle-empty,.familyos-demo .meal-days .lifestyle-empty{min-height:150px;padding:20px}.familyos-demo .calendar-side article{min-height:110px;padding:15px}.familyos-demo .calendar-side h3{font-size:14px}.familyos-demo .agenda-row{padding:10px 0}.familyos-demo .agenda-date{border-radius:11px;width:54px;height:50px}.familyos-demo .task-row{padding:10px 2px}.familyos-demo .health-next,.familyos-demo .relationship-next{min-height:108px;padding:16px 18px}.familyos-demo .health-next h2,.familyos-demo .relationship-next h2{font-size:18px}.familyos-demo .health-next-date,.familyos-demo .relationship-next-date{border-radius:15px;width:60px;height:60px}.familyos-demo .health-family-filter{padding:14px}.familyos-demo .health-record,.familyos-demo .homecare-card{min-height:132px;padding:14px}.familyos-demo .health-record-grid,.familyos-demo .homecare-grid,.familyos-demo .shopping-groups-v2{gap:8px}.familyos-demo .shopping-compose-v2{grid-template-columns:190px 1fr;gap:12px}.familyos-demo .shopping-group-v2{padding:14px}.familyos-demo .shopping-row{min-height:46px}.familyos-demo .relationship-grid{gap:8px}.familyos-demo .relationship-card{min-height:190px;padding:14px}.familyos-demo .relationship-date{margin-top:12px;padding:9px 0}.familyos-demo .goal-kpis{margin:10px 0}.familyos-demo .planning-horizons{gap:16px;margin-bottom:10px;padding:15px 17px}.familyos-demo .planning-horizons h2{font-size:17px}.familyos-demo .horizon-grid div{padding:10px}.familyos-demo .horizon-grid strong{font-size:17px}.familyos-demo .goal-card{min-height:220px;padding:15px}.familyos-demo .goal-card h3{margin:9px 0 5px;font-size:14px}.familyos-demo .milestone-list{margin-top:9px}.familyos-demo .milestone{padding:7px 1px}.familyos-demo .lifestyle-kpis{margin:10px 0}.familyos-demo .lifestyle-page .card:not(.lifestyle-empty):not(.lifestyle-compose){transform:none}.familyos-demo .meal-compose{margin-bottom:10px;padding:12px 13px}.familyos-demo .meal-fields input,.familyos-demo .meal-fields select,.familyos-demo .meal-fields button{height:37px;min-height:37px}.familyos-demo .meal-module-grid{gap:10px}.familyos-demo .meal-days{gap:8px}.familyos-demo .meal-plan{grid-template-columns:48px 1fr;gap:10px;min-height:96px;padding:12px}.familyos-demo .meal-date{border-radius:12px;width:48px;height:56px}.familyos-demo .meal-date span{font-size:20px}.familyos-demo .prep-card{min-height:150px;padding:17px}.familyos-demo .family-summary{gap:8px;margin-bottom:12px}.familyos-demo .family-summary>.card{min-height:72px;padding:11px 13px}.familyos-demo .family-summary svg{width:30px;height:30px;padding:7px}.familyos-demo .family-summary strong{font-size:18px}.familyos-demo .family-layout{gap:11px}.familyos-demo .family-member-grid{gap:8px}.familyos-demo .family-member-card{min-height:172px;padding:15px}.familyos-demo .family-member-card .avatar.big{border-radius:14px;width:46px;height:46px}.familyos-demo .member-card-copy{margin-top:13px}.familyos-demo .member-card-footer{padding-top:12px}.familyos-demo .family-add-panel{padding:17px}.familyos-demo .family-add-icon{width:38px;height:38px;margin-bottom:13px}.familyos-demo .family-add-panel h2{font-size:18px}.familyos-demo .family-add-form{gap:8px}.familyos-demo .family-add-form input,.familyos-demo .family-add-form select,.familyos-demo .family-add-form button{height:38px}.familyos-demo .profile-hero{min-height:140px;padding:20px 22px}.familyos-demo .profile-avatar{border-radius:18px;width:64px;height:64px}.familyos-demo .profile-hero h1{font-size:27px}.familyos-demo .profile-stats{gap:8px;margin:9px 0}.familyos-demo .profile-stats>.card{padding:11px}.familyos-demo .profile-grid{gap:8px}.familyos-demo .profile-card{padding:14px}.familyos-demo .profile-row{padding:8px 0}.familyos-demo .profile-inline-form{padding-top:8px}.familyos-demo .settings-layout{gap:10px}.familyos-demo .settings-main{gap:8px}.familyos-demo .settings-card,.familyos-demo .privacy-summary{padding:16px}.familyos-demo .settings-heading{margin-bottom:13px}.familyos-demo .setting-row{padding:11px 2px}.familyos-demo .settings-side{gap:8px}.familyos-demo .hero{padding:12px 2px 17px}.familyos-demo .hero h1{font-size:37px}.familyos-demo .next{min-height:128px;padding:19px 21px}.familyos-demo .next h2{font-size:21px}.familyos-demo .grid{gap:12px}.familyos-demo .primary-column,.familyos-demo .right-column{gap:10px}.familyos-demo .timeline,.familyos-demo .tasks,.familyos-demo .budget,.familyos-demo .meals,.familyos-demo .attention,.familyos-demo .care{padding:14px}.familyos-demo .event{padding:10px 0}.familyos-demo .split{gap:10px}.familyos-demo .right-column .empty.compact{padding:18px 8px}.familyos-demo .care-tabs{margin-bottom:10px}.familyos-demo .care-tabs button{padding:8px 10px}.familyos-demo .life-grid{gap:8px}.familyos-demo .life-item{padding:13px}.familyos-demo .empty{padding:24px}@media (max-width:1080px){.familyos-demo .feature-page>.feature-hero h1{font-size:31px}.familyos-demo .shopping-compose-v2{grid-template-columns:1fr}.familyos-demo .calendar-page .empty.compact,.familyos-demo .tasks-page .empty.compact,.familyos-demo .health-empty,.familyos-demo .homecare-empty,.familyos-demo .shopping-empty,.familyos-demo .relationship-empty,.familyos-demo .goal-empty,.familyos-demo .lifestyle-empty{min-height:130px}}@media (max-width:820px){.familyos-demo .feature-page{padding-top:14px}.familyos-demo .feature-page>.feature-hero{min-height:auto}.familyos-demo .family-member-card{min-height:155px}.familyos-demo .profile-hero{min-height:125px}.familyos-demo .planning-horizons{padding:14px}.familyos-demo .next{min-height:116px}}.familyos-demo{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.familyos-demo button,.familyos-demo input,.familyos-demo select,.familyos-demo textarea{font-family:inherit}.familyos-demo button:disabled{cursor:not-allowed;opacity:.58}.familyos-demo .feature-page>.feature-hero{min-height:112px}.familyos-demo .feature-page>.feature-hero>div{min-width:0}.familyos-demo .feature-page>.feature-hero h1{max-width:820px}.familyos-demo .feature-page>.feature-hero p{max-width:720px}.familyos-demo .card{overflow:hidden}.familyos-demo .cardhead{min-height:34px}.familyos-demo .cardhead>.label:first-child,.familyos-demo .cardhead>div>.label:first-child{margin:0}.familyos-demo .cardhead h2,.familyos-demo .cardhead h3{line-height:1.2}.familyos-demo .muted{color:var(--muted)!important}.familyos-demo .inline-status,.familyos-demo .panel-error,.familyos-demo .settings-status{line-height:1.5}.familyos-demo .action-toast{border-radius:11px;max-width:340px;padding:11px 14px;font-size:9px;line-height:1.45;top:84px;right:24px}.familyos-demo .link-actions button,.familyos-demo .mini-action,.familyos-demo .textbutton{font-weight:650}.familyos-demo .link-actions button:hover,.familyos-demo .mini-action:hover{color:var(--brand-strong);background:#f3f1ff;border-color:#d8d3fb}.familyos-demo .icon-action:hover{background:#f5f6f9;border-radius:8px}.familyos-demo .empty,.familyos-demo .lifestyle-empty,.familyos-demo .goal-empty,.familyos-demo .shopping-empty,.familyos-demo .health-empty,.familyos-demo .homecare-empty,.familyos-demo .child-empty{border-color:var(--line);color:var(--text)}.familyos-demo .empty h2,.familyos-demo .empty h3,.familyos-demo .lifestyle-empty h3,.familyos-demo .goal-empty h3,.familyos-demo .shopping-empty h3,.familyos-demo .health-empty h3,.familyos-demo .homecare-empty h3,.familyos-demo .child-empty h3{letter-spacing:-.025em}.familyos-demo .empty p,.familyos-demo .lifestyle-empty p,.familyos-demo .goal-empty p,.familyos-demo .shopping-empty p,.familyos-demo .health-empty p,.familyos-demo .homecare-empty p,.familyos-demo .child-empty p{line-height:1.6}.familyos-demo .feature-page input::placeholder,.familyos-demo .feature-page textarea::placeholder{color:#a9adb7}.familyos-demo .feature-page select{appearance:auto}.familyos-demo .feature-page input,.familyos-demo .feature-page select,.familyos-demo .feature-page textarea{transition:border-color .15s,box-shadow .15s,background-color .15s}.familyos-demo .feature-page input:hover,.familyos-demo .feature-page select:hover,.familyos-demo .feature-page textarea:hover{border-color:#d4d8e2}.familyos-demo .feature-page button:focus-visible,.familyos-demo .sidebar button:focus-visible,.familyos-demo .bottom button:focus-visible{outline-offset:2px;outline:3px solid #6757e729}.familyos-demo .sidebar::-webkit-scrollbar{width:8px}.familyos-demo .sidebar::-webkit-scrollbar-thumb{background:#e4e6ec;border-radius:99px}.familyos-demo .sidebar::-webkit-scrollbar-track{background:0 0}.familyos-demo .sidebar nav button em{color:var(--brand-strong);background:#f1effd;border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:8px;font-style:normal;display:grid}.familyos-demo .bottom{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#fffffff5;box-shadow:0 -10px 30px #1418280f}.familyos-demo .bottom button{min-height:58px}.familyos-demo .overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.familyos-demo .sheet{border:1px solid #fff9;box-shadow:0 28px 80px #1418282e}.familyos-demo .sheethead h2{letter-spacing:-.035em}.familyos-demo .sheethead button{transition:all .15s}.familyos-demo .sheethead button:hover{background:#f5f6f9}.familyos-demo .quickgrid button{border-color:var(--line);background:#fff;justify-content:flex-start;min-height:58px}.familyos-demo .quickgrid button:hover{color:var(--brand-strong);background:#f8f7ff;border-color:#d8d3fb}.familyos-demo .import-export-page .card,.familyos-demo .intelligence-page .card,.familyos-demo .custom-planners-page .card{box-shadow:var(--shadow-sm)}.familyos-demo .import-toolbar{border-radius:16px;padding:16px 18px}.familyos-demo .import-toolbar button{min-height:40px;font-weight:700}.familyos-demo .control-center{gap:12px}.familyos-demo .provider-card,.familyos-demo .delivery-card,.familyos-demo .escalation-card{border-radius:18px}.familyos-demo .provider-title h3{letter-spacing:-.02em;font-size:14px}.familyos-demo .provider-fields input{min-height:40px}.familyos-demo .delivery-row,.familyos-demo .rule-row{padding:12px 0}.familyos-demo .intelligence-hero{border-radius:22px;box-shadow:0 20px 48px #23253224}.familyos-demo .intelligence-grid{gap:14px}.familyos-demo .insight-list,.familyos-demo .tomorrow-card,.familyos-demo .workload-card{border-radius:18px}.familyos-demo .brief-switch button{min-height:36px;font-weight:650}.familyos-demo .custom-groups{gap:10px}.familyos-demo .custom-group{border-radius:18px}.familyos-demo .custom-row:hover{background:#fafafe}.familyos-demo .feature-page section+section,.familyos-demo .feature-page article+section,.familyos-demo .feature-page section+article{scroll-margin-top:96px}@media (max-width:1100px){.familyos-demo .action-toast{right:18px}.familyos-demo .feature-page>.feature-hero{min-height:100px}}@media (max-width:820px){.familyos-demo header{height:64px}.familyos-demo .head-actions .quick{display:none}.familyos-demo .feature-page>.feature-hero{min-height:auto}.familyos-demo .feature-page>.feature-hero>svg{width:40px;height:40px}.familyos-demo .card{border-radius:16px}.familyos-demo .action-toast{text-align:center;top:72px;left:18px;right:18px}.familyos-demo .sheet{padding:20px}.familyos-demo .quickgrid{grid-template-columns:1fr 1fr}.familyos-demo .provider-grid,.familyos-demo .intelligence-grid{grid-template-columns:1fr}}@media (max-width:520px){.familyos-demo main{padding-left:14px;padding-right:14px}.familyos-demo .feature-page{padding-top:14px}.familyos-demo .feature-page>.feature-hero h1{font-size:29px}.familyos-demo .feature-page>.feature-hero p{font-size:11px}.familyos-demo .feature-page>.feature-hero>svg{display:none}.familyos-demo .quickgrid{grid-template-columns:1fr}.familyos-demo .card{border-radius:15px}}.familyos-demo button:focus-visible,.familyos-demo input:focus-visible,.familyos-demo select:focus-visible,.familyos-demo [tabindex]:focus-visible{outline-offset:2px;outline:3px solid #8d85d8}.familyos-demo button{cursor:pointer}.familyos-demo button:disabled{cursor:not-allowed}.familyos-demo .panel-error{color:#94483b;background:#fff2ef;border:1px solid #f0c9c0;border-radius:10px;margin:10px 0;padding:10px 12px;font-size:9px;line-height:1.45}@media (prefers-reduced-motion:reduce){.familyos-demo,.familyos-demo *,.familyos-demo :before,.familyos-demo :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.familyos-demo .hero{justify-content:space-between!important;align-items:flex-end!important;height:auto!important;min-height:0!important;padding:18px 2px 22px!important;display:flex!important;position:relative!important}.familyos-demo .hero:before,.familyos-demo .hero:after{content:none!important;display:none!important}.familyos-demo .eyebrow{color:#6657d9!important;letter-spacing:.16em!important;gap:0!important;margin:0!important;font-family:Inter,ui-sans-serif,sans-serif!important;font-size:9px!important;display:block!important}.familyos-demo .brand{letter-spacing:normal!important;font-size:inherit!important;font-weight:inherit!important;gap:11px!important}