:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#102531;background:#f4f6f5;font-weight:400;color-scheme:light;font-synthesis:none}button,input,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #0d7c78;border-radius:10px;background:#0d7c78;color:#fff;font-weight:700;line-height:1.3;cursor:pointer}button:hover{background:#096b67}button:disabled{opacity:.4;cursor:not-allowed}.secondary{background:#fff;color:#0b6966;border-color:#8cb8b5}.secondary:hover{background:#edf7f5}.text-button{padding:8px 2px;min-height:40px;border:0;background:none;color:#0b6966;white-space:nowrap;font-size:14px}.text-button:hover{background:none;text-decoration:underline}a{color:#0b6966}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #0d7c78;outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:54px;line-height:1.05;letter-spacing:-.04em;font-weight:760;margin:18px 0 22px}h2{font-size:23px;line-height:1.3;letter-spacing:-.025em;font-weight:730}h3{font-size:17px;line-height:1.4}p{line-height:1.65;font-size:15px}.small,small{font-size:13px;line-height:1.6}.muted{color:#67777d}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#0b7370;line-height:1.5}.workspace{max-width:1112px;margin:auto;padding:36px 0 26px}.brand-row{display:flex;align-items:center;gap:16px}.brand-row>.eyebrow{font-size:16px;letter-spacing:.065em}.topbar{margin-bottom:30px}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:20px}nav{display:flex;flex-wrap:wrap;gap:4px}nav a{padding:12px 13px;text-decoration:none;border-radius:10px;font-size:14px;font-weight:750}nav a:hover{background:#e9f0ef}nav a[aria-current]{background:#deefec;color:#0b6966}.owner-label{text-align:right;display:flex;flex-direction:column;gap:2px;font-size:14px}.owner-label span{font-size:12px;color:#67777d}.panel{background:#fff;border:1px solid #d7e0df;border-radius:19px;padding:24px;box-shadow:0 8px 28px #10253108;min-width:0}.panel+.panel{margin-top:22px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:22px}.welcome h2{margin:9px 0 7px}.welcome button{flex-shrink:0}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0}.stats .panel{margin:0}.stat strong{display:block;font-size:40px;font-weight:760;letter-spacing:-.035em;line-height:1.2;color:#137d77;margin-bottom:9px}.stat strong.word-stat{font-size:28px;min-height:48px;display:flex;align-items:center;color:#596970}.stat h3{font-size:16px;margin-bottom:5px}.stat p{font-size:13px;color:#67777d}.soft{background:#eaf5f2}.overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:22px;margin:22px 0}.overview-grid>.panel{margin:0}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:20px}.section-head h2{margin:7px 0}.section-head>.text-button{margin-top:7px}.section-head>button{flex-shrink:0}.module-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 0;border-top:1px solid #e5eaea}.module-row:last-child{padding-bottom:0}.module-row p{font-size:13px;color:#67777d;margin:4px 0}.host{font-size:12px;color:#74838a;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.module-meta{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;border-radius:7px;padding:6px 9px;background:#eef2f2;color:#5a6b72;line-height:1.35;font-size:12px;font-weight:700;white-space:nowrap}.badge.teal{background:#e7f5ee;color:#15654e}.badge.amber{background:#fff1d7;color:#805817}.badge.red{background:#fae9e6;color:#9a4033}.attention{background:#f0f8f5}.attention h2{margin:8px 0 15px}.attention>p:not(.eyebrow){margin:16px 0 20px;color:#576b70}.aside-note{border-top:1px solid #d4e6e0;margin-top:28px;padding-top:20px;font-size:14px}.aside-note p{font-size:13px;color:#63777b;margin-top:5px}.event{display:grid;grid-template-columns:100px 1fr;gap:18px;border-top:1px solid #e5eaea;padding:17px 0}.event:last-child{padding-bottom:0}.event>span{font-size:12px;color:#74838a;padding-top:3px}.event strong{font-size:14px}.event p{font-size:13px;color:#67777d;margin-top:4px}.section-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.section-cards>.panel{margin:0}.section-card .section-head{margin-bottom:12px;flex-wrap:wrap;gap:10px}.section-card h2{margin:10px 0 6px}.properties{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.properties dt{font-size:12px;color:#74838a;margin-bottom:5px}.properties dd{font-size:14px;margin:0;font-weight:650}.card-actions{border-top:1px solid #e5eaea;padding-top:18px;display:flex;justify-content:space-between;gap:15px;align-items:center}.order-actions{display:flex;gap:16px}.page-note{color:#67777d;font-size:13px;margin:22px 0}.filter-bar{display:grid;grid-template-columns:1fr 190px;gap:20px;padding-bottom:23px}.field{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:650;min-width:0}.field small{font-weight:400;color:#67777d}.field input,.field select{width:100%;height:44px;min-width:0;padding:9px 12px;border:1px solid #cfd9d9;border-radius:9px;background:#fff;color:#102531;font-size:14px}.field input::placeholder{color:#819094}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}th{color:#718187;font-size:12px;font-weight:650;white-space:nowrap}th,td{padding:17px 10px;border-bottom:1px solid #e5eaea;vertical-align:middle}th:first-child,td:first-child{padding-left:0}td:first-child{min-width:170px}.cell-detail{display:block;color:#718187;font-size:12px;margin-top:5px}td .text-button{font-size:13px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:22px 0}.two-col>.panel{margin:0}.two-col h3{margin-bottom:9px}.two-col p{font-size:14px}.empty-state{text-align:center;padding:40px}.empty-state p{color:#67777d;margin:8px 0 20px}.library-intro{display:flex;align-items:center;justify-content:space-between;gap:22px}.library-intro h2{margin:9px 0}.tabs{margin-top:18px;border-bottom:1px solid #d7e0df;gap:10px}.tab{border:0;border-radius:0;min-height:46px;padding:12px 18px;background:none;color:#64757b;font-size:14px}.tab:hover{background:#eaf0ed;color:#0b6966}.tab.active{background:none;color:#0b6966;border-bottom:3px solid #0d7c78}.health-list{margin:0 0 24px}.health-list>div{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e5eaea;padding:15px 0;font-size:13px}.health-list dt{color:#536970}.health-list dd{margin:0;text-align:right;color:#6a7d83;font-size:12px}.demo-books{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.demo-books>article{padding:18px;border:1px solid #dde6e3;border-radius:12px;min-height:145px}.demo-books h3{font-size:14px;line-height:1.55;margin:14px 0 8px}.demo-books p{font-size:12px;color:#718187}.settings-panel{max-width:750px;margin-top:22px}.settings-panel>p{margin:9px 0 25px}.settings-panel form>.field{max-width:460px}.settings-panel fieldset{margin:25px 0;border:0;padding:0}.settings-panel legend{font-weight:700;font-size:15px;margin-bottom:13px}.check{display:flex;gap:12px;align-items:center;min-height:36px;font-size:14px;font-weight:500;cursor:pointer}.check input{width:18px;height:18px;accent-color:#0d7c78;flex-shrink:0}.check small{display:block;color:#67777d;margin-top:4px}.check strong{font-size:15px}footer{margin-top:34px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:22px;border-top:1px solid #d7e0df;font-size:12px;line-height:1.7;color:#718187}footer strong{color:#536970}footer .text-button{font-size:12px}.modal{padding:0;border:1px solid #d7e0df;border-radius:20px;max-width:650px;width:calc(100% - 32px);max-height:calc(100dvh - 42px);box-shadow:0 22px 90px #10253138;color:#102531}.modal::backdrop{background:#10253161}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;padding:25px 28px;border-bottom:1px solid #e5eaea}.modal-head h2{font-size:24px}.form-body{padding:25px 28px;display:flex;flex-direction:column;gap:22px}.form-body h3{margin-bottom:-5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid #e5eaea;background:#f8faf9}.permission-box{padding:16px;border:1px solid #d7e0df;border-radius:10px}.muted-box{display:flex;justify-content:space-between;align-items:center;color:#718187;background:#f7f9f8;font-size:13px}.notice{padding:13px 16px;border-radius:9px;background:#edf6f2;color:#526f68;font-size:13px}.error{color:#9a4033;font-size:14px}.toast{position:fixed;bottom:24px;right:24px;max-width:480px;z-index:10;display:flex;align-items:center;gap:16px;border-radius:13px;border:1px solid #b6d3cd;background:#fff;box-shadow:0 8px 35px #10253124;padding:16px 20px}.toast p{font-size:14px}.toast .text-button{flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1180px){.workspace{margin:0 28px}.users-panel{padding:20px 16px}}@media(max-width:760px){.workspace{margin:0 18px;padding-top:25px}h1{font-size:38px;margin:18px 0}.owner-label{display:none}nav a{font-size:13px;padding:12px 10px}.topbar{margin-bottom:22px}.panel{padding:20px;border-radius:15px}.welcome{align-items:flex-start;flex-direction:column}.welcome h2{font-size:22px}.stats{gap:10px}.stat{padding:16px 12px}.stat strong{font-size:30px}.stat h3{font-size:13px}.stat p{font-size:11px}.stat strong.word-stat{font-size:20px;min-height:36px}.overview-grid,.section-cards,.two-col{grid-template-columns:1fr;gap:18px}.section-head{gap:15px;flex-wrap:wrap}.section-head h2{font-size:22px}.module-row{gap:10px}.module-meta .badge{font-size:10px}.module-row h3{font-size:16px}.module-row p{max-width:185px}.demo-books{grid-template-columns:1fr 1fr}.filter-bar{grid-template-columns:1fr 135px;gap:12px}.library-intro{align-items:flex-start;flex-direction:column;gap:15px}.event{grid-template-columns:82px 1fr;gap:10px}.event>span{font-size:11px}.form-grid{grid-template-columns:1fr}.modal-head,.form-body,.modal-actions{padding:20px}.modal-actions{flex-wrap:wrap}.modal-actions button{flex:1}.modal-head h2{font-size:21px}footer{align-items:flex-start;flex-direction:column;gap:10px}footer .text-button{padding:0}.toast{left:16px;right:16px;bottom:16px;max-width:none}.health-list>div{gap:12px}.health-list dt{max-width:52%}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.mobile-users{display:none}@media(max-width:760px){.users-panel>.table-scroll{display:none}.mobile-users{display:grid;gap:16px}.mobile-user{border:1px solid #d7e0df;border-radius:12px;padding:16px;min-width:0}.mobile-user-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}.mobile-user-head p{font-size:12px;color:#718187;overflow-wrap:anywhere}.mobile-user dl{font-size:13px;margin:20px 0}.mobile-user dl>div{display:flex;justify-content:space-between;gap:16px;margin:10px 0}.mobile-user dt{color:#718187}.mobile-user dd{margin:0;text-align:right}.mobile-user button{width:100%}}.storage-status{border:1px solid #c7dfd7;background:#edf6f2;border-radius:12px;padding:14px 18px;margin:0 0 22px;color:#355e54;font-size:13px}.storage-status p{font-size:12px;margin-top:4px}.storage-warning{background:#fff4df;border-color:#e6c993;color:#79551c}.storage-warning button{margin-top:10px}.habsaec-connect{margin:0 0 22px}.habsaec-connect .section-head{margin-bottom:12px}.habsaec-connect>p{margin:12px 0}.habsaec-not-live{border-color:#dbcda8}.habsaec-login{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:16px;margin:20px 0}.habsaec-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:20px}.habsaec-stale .stat strong{color:#64757b}.habsaec-search{max-width:400px;margin:20px 0}.habsaec-users td:last-child{min-width:170px}.habsaec-source{border-top:1px solid #e5eaea;padding:18px 0}.habsaec-source>.badge{margin-left:14px}.habsaec-source p{margin-top:8px}.habsaec-link{display:inline-flex;align-items:center;text-decoration:none;border:1px solid #cfd9d9;border-radius:9px;padding:11px 16px;color:#0d6863;background:#fff;font-size:14px;font-weight:650}.draft-users{margin-top:24px}.draft-users>summary,.draft-settings>summary{cursor:pointer;font-weight:700;padding:5px 0}.draft-users[open]>summary,.draft-settings[open]>summary{margin-bottom:24px}.draft-users .panel{box-shadow:none}.draft-users>.section-head{margin-top:24px}.draft-users .users-panel{border:0;padding-inline:0}.draft-settings{margin-top:24px}@media(max-width:760px){.habsaec-login{grid-template-columns:1fr}.habsaec-users table{min-width:580px}.habsaec-source>.badge{margin:10px 0;display:flex}.habsaec-actions{align-items:flex-start}.habsaec-connect h2{font-size:25px}.habsaec-users td:first-child{min-width:110px}.habsaec-users .table-scroll{display:block}}.habsaec-stats .stat strong{overflow-wrap:anywhere}@media(max-width:540px){.habsaec-stats{grid-template-columns:1fr}.habsaec-stats .stat strong{font-size:32px}.habsaec-stats .stat strong.word-stat{font-size:24px}}.family-entry{max-width:640px;margin:0 auto;padding:64px 24px}.family-login{padding:40px}.family-login h1{font-size:42px;margin:14px 0}.family-login form{display:grid;gap:16px;margin-top:28px}.family-login .field{gap:7px}.family-login form>button,.family-google{width:100%}.family-divider{text-align:center;color:#78868a;font-size:13px;margin:20px 0}.family-login>p.small{margin-top:12px}.family-fine{font-size:13px;color:#67777d;margin:24px 0 18px}.family-bottom{text-align:center;font-size:13px;color:#78868a;margin:20px 0}.family-account{max-width:1112px;margin:20px auto 0;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#e4efeb;border-radius:12px}.family-account>div{display:flex;flex-wrap:wrap;gap:8px 18px}.family-account span{font-size:13px;color:#526d68}.family-global-error{max-width:1112px;margin:12px auto;color:#9a4033}.family-invite-form{margin:28px 0;padding:24px;background:#f3f8f6;border-radius:12px}.family-invite-form form{display:grid;gap:16px;margin-top:14px}.family-invite-form form>button{justify-self:start}.family-inline{display:flex;flex-wrap:wrap;gap:10px}.family-invites{display:grid;gap:12px;margin-top:14px}.family-invites article{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #e2e9e6}.family-invites small{color:#67777d}.family-history{margin-top:24px}.family-history summary{cursor:pointer;font-weight:700}.family-history p{margin-top:8px}.family-users>.notice{margin-bottom:18px}.family-users>.notice input{font-family:ui-monospace,monospace}.family-profile form{display:grid;gap:16px;margin-top:26px}.family-profile form>button{justify-self:start}.family-profile>button{margin:12px 0}.family-profile{margin-top:22px}.family-users .table-scroll{margin:20px 0}.family-migrate{margin-bottom:22px}.family-migrate button{margin:10px 10px 0 0}.family-google-settings{margin:20px 0;padding:18px;border:1px solid #d7e0df;border-radius:12px}.family-google-settings summary{cursor:pointer;font-weight:700}.family-google-settings>p,.family-google-settings>.field{margin-top:14px}.family-library{margin-bottom:22px}.family-library h2{margin:8px 0}.family-library>a,.family-library>button{margin:18px 0}.family-library>.small{margin-top:12px}.family-password{display:flex;gap:8px;align-items:stretch}.family-password input{flex:1;min-width:0}.family-password button{flex:none;padding:10px 12px;font-size:13px}.family-invite-choice{display:grid;gap:14px;margin-top:24px}.family-invite-choice>p{margin:0}.family-invite-choice>.text-button{text-align:center}.family-invite-choice+form{margin-top:22px}@media(max-width:700px){.family-entry{padding:24px 16px}.family-login{padding:26px}.family-login h1{font-size:34px}.family-account{margin:12px 16px 0}.family-invites article{align-items:flex-start;flex-direction:column}.family-invite-form{padding:16px}.family-account>div{flex-direction:column;gap:4px}.family-account span{font-size:12px;overflow-wrap:anywhere}}.family-login button.family-google{display:grid;grid-template-columns:20px 1fr 20px;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid #747775;border-radius:4px;background:#fff;color:#1f1f1f;font:500 14px/20px Google Sans,Arial,sans-serif;box-shadow:none}.family-login button.family-google img{display:block;width:20px;height:20px;object-fit:contain}.family-login button.family-google span{text-align:center}.family-login button.family-google:hover:not(:disabled){background:#f8faff;border-color:#4285f4}.family-login button.family-google:focus-visible{outline:3px solid #4285f4;outline-offset:3px}.family-login button.family-google:disabled{opacity:.55;cursor:default}.family-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 30px}.family-summary-strip>div{display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px solid #e0e9e5;border-radius:12px;background:#f7faf8}.family-summary-strip strong{font-size:27px;line-height:1;color:#14665b;font-variant-numeric:tabular-nums}.family-summary-strip span{font-size:12px;line-height:1.4;color:#58716b}.family-list-head{margin:24px 0 14px}.family-list-head h3{margin-bottom:6px}.family-list-head p{margin:0}.family-filters{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:16px;margin:18px 0}.family-filters .field{font-size:12px;color:#506a65}.family-users td:first-child{min-width:0}.family-users td{overflow-wrap:anywhere}.family-users .cell-detail{font-size:11px;line-height:1.55;margin-top:5px;color:#637979;overflow-wrap:anywhere}.family-people-table th:first-child{width:27%}.family-people-table th:nth-child(2){width:13%}.family-people-table th:nth-child(3){width:25%}.family-people-table th:nth-child(4){width:13%}.family-people-table th:last-child{width:22%}.family-status{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 10px;border-radius:20px;font-size:11px;font-weight:750;line-height:1.4;vertical-align:middle}.family-status:before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:currentColor}.family-status-green{color:#155e45;background:#e8f5ec}.family-status-amber{color:#8c4c06;background:#fff3d8}.family-status-red{color:#9f3434;background:#fceeed}.family-status-blue{color:#215d93;background:#eaf2fc}.family-status-slate{color:#53656c;background:#edf2f4}.family-methods{display:flex;gap:5px;flex-wrap:wrap}.family-methods>span{display:inline-block;border:1px solid #dbe5e1;background:#fff;padding:4px 7px;border-radius:6px;font-size:11px;color:#49625e}.family-users button.family-action{min-height:36px;padding:8px 11px;font-size:12px;line-height:1.35;border-radius:8px;white-space:normal;box-shadow:none}.family-user-actions{display:flex;flex-wrap:wrap;gap:8px}.family-users .family-action-danger{color:#9c3732;border-color:#e3b6b1;background:snow}.family-users .family-action-danger:hover:not(:disabled){background:#fceeed;border-color:#c77e74}.family-users .family-action-positive{color:#176746;border-color:#9fcdb4;background:#f5fbf7}.family-users .family-action-positive:hover:not(:disabled){background:#e5f4ea}.family-people-table td>.family-action{margin-top:8px}.family-protected{color:#6d7f7c;font-size:12px}.family-protected:before{content:"✓";margin-right:5px}.family-date{display:inline-flex;flex-direction:column;gap:4px;white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums}.family-date small{color:#728480;font-size:11px}.family-invitation-table th:first-child{width:13%}.family-invitation-table th:nth-child(2){width:24%}.family-invitation-table th:nth-child(3),.family-invitation-table th:nth-child(4),.family-invitation-table th:nth-child(5){width:15%}.family-invitation-table th:last-child{width:18%}.family-invitation-state{display:flex;align-items:flex-start;flex-direction:column;gap:8px}.family-email{font-size:12px}.family-empty{text-align:center;color:#637979;padding:24px!important}.family-invite-form>p{margin:8px 0 0}.family-invite-link .field{margin:14px 0}.family-success{padding:12px 16px;border-radius:9px;background:#e8f5ec;color:#155e45}.family-history{border:1px solid #dbe5e0;border-radius:13px;background:#fbfdfc;overflow:hidden;margin-top:30px}.family-history summary{display:flex;align-items:center;gap:10px;padding:18px 20px;font-size:15px;list-style:none}.family-history summary::-webkit-details-marker{display:none}.family-history summary:before{content:"›";font-size:22px;color:#5c7971;line-height:1;transition:transform .15s}.family-history[open]>summary:before{transform:rotate(90deg)}.family-count{display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:25px;border:1px solid #d8e6df;border-radius:20px;background:#eef5f1;font-size:11px;color:#42695d}.family-history-body{padding:0 20px 20px;border-top:1px solid #e1eae5}.family-history-body>p{margin-top:16px}.family-history .family-filters{margin:18px 0 8px}.family-history .table-scroll{margin:8px 0 14px}.family-events-table th:first-child{width:16%}.family-events-table th:nth-child(2){width:30%}.family-events-table th:nth-child(3),.family-events-table th:nth-child(4){width:27%}.family-history-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.family-technical{margin-top:24px!important}.family-technical>summary{cursor:pointer;font-size:14px;font-weight:700;color:#526d68}.family-technical>.panel{margin-top:20px;box-shadow:none}@media(max-width:850px){.family-summary-strip>div{align-items:flex-start;flex-direction:column;gap:8px;padding:14px}.family-users .family-responsive-table{overflow:visible}.family-responsive-table table,.family-responsive-table tbody,.family-responsive-table tr{display:block;width:100%}.family-responsive-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.family-responsive-table tbody>tr{padding:12px 16px;margin:12px 0;border:1px solid #e0e8e3;border-radius:12px;background:#fff}.family-responsive-table td{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:start;gap:5px 12px;padding:8px 0;border:0;width:100%;min-width:0}.family-responsive-table td:before{content:attr(data-label);grid-column:1;grid-row:1;font-size:11px;font-weight:650;color:#6a7f77;line-height:1.7}.family-responsive-table td>*{grid-column:2}.family-responsive-table td[colspan]{display:block}.family-responsive-table td[colspan]:before{display:none}.family-users .family-user-actions{flex-direction:row}.family-users button.family-action{min-height:40px}.family-responsive-table .family-date{align-items:flex-start}.family-history-body{padding:0 14px 16px}}@media(max-width:560px){.family-filters{grid-template-columns:1fr;gap:12px}.family-summary-strip{gap:7px}.family-summary-strip>div{padding:12px 10px}.family-summary-strip strong{font-size:24px}.family-summary-strip span{font-size:11px}.family-responsive-table td{grid-template-columns:95px minmax(0,1fr);gap:5px 9px}.family-users button.family-action{min-height:44px}.family-user-actions{align-items:flex-start}.family-history summary{padding:16px}.family-invite-form form>.form-grid{gap:18px}}.family-child-editor{margin:24px 0;padding:24px;border:1px solid #b8d7ca;border-radius:12px;background:#f2f8f5}.family-child-editor form{display:grid;gap:18px;margin-top:16px}.family-child-editor{margin:18px 0;padding:16px}.family-child-editor>h3{margin:0;font-size:15px}.family-child-editor form{gap:12px;margin-top:12px}.family-child-fields{min-width:0;margin:0;padding:0;border:0}.family-child-fields>legend{margin-bottom:8px;font-size:13px;font-weight:700}.family-child-fields .check{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:13px}.family-invite-kind{display:flex;gap:8px;flex-wrap:wrap}.family-invite-kind>.check{padding:8px 14px;border:1px solid #c9d9d2;border-radius:8px;background:#fff;cursor:pointer}.family-invite-kind>.check:has(input:checked){border-color:#33847a;background:#e8f4ef;color:#145c50}.family-child-options{display:grid;grid-template-columns:185px minmax(0,1fr);align-items:start;gap:12px 20px;margin-top:12px}.family-child-options .field{font-size:12px;gap:5px;margin:0}.family-child-options input[type=date]{width:100%;min-height:38px;padding:7px 10px;box-sizing:border-box}.family-child-approvers{min-width:0;margin:0;padding:0;border:0}.family-child-approvers>legend{margin-bottom:5px;font-size:12px;font-weight:600}.family-approver-options{display:flex;flex-wrap:wrap;gap:6px}.family-approver-choice{display:inline-flex;align-items:center;gap:7px;min-height:38px;max-width:100%;padding:6px 10px;box-sizing:border-box;border:1px solid #c9d9d2;border-radius:8px;background:#fff;font-size:12px;cursor:pointer}.family-approver-choice span{overflow-wrap:anywhere}.family-approver-choice:has(input:checked){border-color:#70a995;background:#e8f4ef}.family-approver-choice:has(input:focus-visible){outline:3px solid #478b79;outline-offset:2px}.family-approver-choice.family-approver-stale{border-color:#daada4;color:#9c3732}.family-child-fields .family-child-hint{margin:8px 0 0;font-size:12px;line-height:1.5;color:#5a7369}.family-child-editor .family-inline>button{min-height:38px;padding:8px 12px;font-size:12px}@media(max-width:560px){.family-child-options{grid-template-columns:1fr;gap:10px}.family-child-birth{max-width:220px}.family-approver-choice,.family-invite-kind>.check,.family-child-editor .family-inline>button{min-height:44px}.family-child-editor{padding:14px}}.family-owner-requests,.family-graduation{max-width:1112px;margin:18px auto 0}.family-child-requests{margin-top:22px;padding:0;overflow:hidden}.family-child-requests summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;cursor:pointer;font-weight:750}.family-child-requests[open] summary{border-bottom:1px solid #dce6e0}.family-child-requests-body{padding:0 24px 24px}.family-child-requests-body>.muted{margin:18px 0}.family-child-requests .family-inline{margin:16px 0}.family-child-requests .table-scroll{margin-top:20px}.family-child-requests th{font-size:12px}.family-child-requests td{font-size:13px;overflow-wrap:anywhere}.family-child-requests .cell-detail{display:block;font-size:11px;color:#637979;margin-top:5px}.family-child-requests .family-action{min-height:40px;padding:8px 11px;font-size:12px;line-height:1.35;white-space:normal}.family-child-requests a.family-action{display:inline-flex;align-items:center;text-decoration:none;border:1px solid #c4d5cd;border-radius:8px;color:#315d50;background:#fff}.family-child-requests .family-action-positive{color:#176746;border-color:#9fcdb4;background:#f5fbf7}.family-child-requests .family-action-danger{color:#9c3732;border-color:#e3b6b1;background:snow}.family-graduation{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#edf8f1;border:1px solid #b8d7ca}.family-graduation h2{font-size:23px;line-height:1.4;margin-bottom:10px}.family-graduation p{margin:0;line-height:1.6}.family-graduation>button{flex:none;min-height:44px}.family-child-requests button:focus-visible,.family-child-editor button:focus-visible{outline:3px solid #478b79;outline-offset:3px}@media(max-width:700px){.family-owner-requests,.family-graduation{margin:16px}.family-graduation{align-items:flex-start;flex-direction:column;gap:16px}.family-child-editor{padding:18px}.family-child-requests summary{padding:18px}.family-child-requests-body{padding:0 16px 18px}.family-child-requests button.family-action,.family-child-requests a.family-action{min-height:44px}}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}.mobile-prototype{width:min(100vw,390px);height:min(100dvh,844px);margin-inline:auto;overflow:hidden;position:relative}