@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#201e1d;background:#f5f4f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.page-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,.92fr) minmax(420px,1.08fr);background:#f5f4f1}.intro-panel{min-height:100vh;padding:42px clamp(32px,6vw,88px) 34px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(145deg,#0c0c0cf0,#1f1f1fd1),radial-gradient(circle at 75% 25%,#6a343d 0,transparent 42%),#171717}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:50%;font-family:Manrope,sans-serif;font-weight:800;font-size:20px}.brand-name{letter-spacing:.22em;font-size:13px;font-weight:700}.intro-copy{max-width:520px;margin:70px 0}.eyebrow{margin:0 0 16px;font-size:10px;letter-spacing:.24em;font-weight:700}.intro-copy h1{margin:0;font:800 clamp(54px,6.5vw,88px)/.98 "Manrope",sans-serif;letter-spacing:-.075em}.intro-copy h1 span{color:#c99b91}.intro-description{max-width:340px;margin-top:30px;color:#c8c6c4;line-height:1.7;font-size:15px}.intro-footer{color:#aaa6a3;font-size:9px;letter-spacing:.22em}.login-panel{min-height:100vh;padding:48px 28px 26px;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-card{width:min(100%,390px)}.mobile-brand{display:none}.eyebrow.dark{color:#8d6a66;margin-bottom:12px}.login-card h2{margin:0;font:800 38px/1.15 Manrope,sans-serif;letter-spacing:-.055em}.login-subtitle{margin:12px 0 34px;color:#77736f;font-size:14px}form{display:flex;flex-direction:column}form label{margin:0 0 8px;font-size:12px;font-weight:700}form input{width:100%;height:49px;margin-bottom:21px;padding:0 14px;border:1px solid #dedbd6;border-radius:7px;outline:none;background:#fff;color:#191919;transition:border-color .2s,box-shadow .2s}form input:focus{border-color:#8d6a66;box-shadow:0 0 0 3px #8d6a661f}form input::placeholder{color:#aaa6a1}form button,.secondary-button{height:50px;margin-top:5px;border:0;border-radius:7px;background:#211e1d;color:#fff;font-weight:700}form button:hover,.secondary-button:hover{background:#49343a}form button:disabled{opacity:.65;cursor:wait}.feedback,.setup-note{padding:12px 14px;border-radius:7px;font-size:12px;line-height:1.5}.feedback{margin-top:18px;background:#eee9e5;color:#49343a}.setup-note{margin-top:18px;background:#ebe8e2;color:#6f6258}.login-help{margin-top:28px;color:#8c8882;font-size:11px;text-align:center}.page-footer{position:absolute;bottom:24px;color:#a19c95;font-size:10px}.state-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f5f4f1}.state-card{width:min(100%,460px);padding:40px;background:#fff;border:1px solid #e9e6e0;border-radius:14px;box-shadow:0 18px 50px #1f1b180f}.dark-brand{display:block;color:#382c2c;margin-bottom:28px}.state-card h1{font:800 26px Manrope,sans-serif;letter-spacing:-.04em}.state-card p{color:#77736f;line-height:1.6;font-size:14px}.secondary-button{padding:0 20px;margin-top:16px}.admin-shell{min-height:100vh;display:flex;background:#f6f5f2}.sidebar{width:258px;flex:0 0 258px;min-height:100vh;padding:28px 17px 18px;background:#211f1e;color:#fff;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:2px 10px 35px;color:#fff;text-decoration:none}.sidebar-mark{width:37px;height:37px;display:grid;place-items:center;border:1px solid #a98b83;border-radius:50%;font:800 19px Manrope,sans-serif}.sidebar-brand strong{display:block;font-size:12px;letter-spacing:.2em}.sidebar-brand small{display:block;margin-top:4px;color:#a9a29d;font-size:8px;letter-spacing:.16em}.sidebar-label{padding:0 12px 12px;color:#8f8984;font-size:9px;letter-spacing:.18em;font-weight:700}.side-nav{display:grid;gap:5px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border:0;border-radius:7px;background:transparent;color:#c9c4c0;text-align:left;font-size:12px;transition:background .2s,color .2s}.nav-item:hover{background:#302c2a;color:#fff}.nav-item.active{background:#49383a;color:#fff}.nav-icon{width:18px;text-align:center;font-size:17px;color:#c69b91}.sidebar-bottom{margin-top:auto;padding:17px 7px 0;border-top:1px solid #403b38;display:flex;align-items:center;gap:10px}.admin-avatar,.topbar-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#c9a69b;color:#342827;font-weight:700;font-size:12px}.admin-identity{min-width:0;flex:1}.admin-identity strong,.admin-identity span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-identity strong{font-size:10px}.admin-identity span{margin-top:3px;color:#a9a29d;font-size:9px}.logout-button{border:0;background:transparent;color:#c9c4c0;font-size:21px}.admin-main{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:70px;flex:0 0 70px;padding:0 42px;border-bottom:1px solid #e9e6e0;background:#ffffffb8;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:11px;color:#77716c}.breadcrumb span{padding:0 9px;color:#b5afa9}.topbar-right{display:flex;align-items:center;gap:9px;color:#77716c;font-size:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:#78947d}.topbar-avatar{width:29px;height:29px;margin-left:9px}.content-wrap{width:min(100%,1260px);margin:0 auto;padding:38px 42px 48px;flex:1}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading h1,.module-placeholder h1{margin:0;font:800 31px/1.2 Manrope,sans-serif;letter-spacing:-.055em}.page-heading p:not(.eyebrow){margin:8px 0 0;color:#817b75;font-size:12px}.today-label{padding:9px 12px;border:1px solid #e6e1db;border-radius:6px;background:#fff;color:#746e68;font-size:10px}.welcome-strip{min-height:164px;padding:27px 32px;border-radius:10px;background:linear-gradient(110deg,#342b2a,#574044);color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.welcome-kicker{font-size:9px;letter-spacing:.2em;color:#d0b4ab;font-weight:700}.welcome-strip h2{margin:12px 0 7px;font:700 23px Manrope,sans-serif;letter-spacing:-.04em}.welcome-strip p{margin:0;color:#d1c7c3;font-size:11px}.welcome-symbol{width:104px;height:104px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;font:800 56px Manrope,sans-serif;color:#d2b5ab;opacity:.8}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:30px 0 14px}.section-heading h2,.panel-title h2{margin:0;font:700 15px Manrope,sans-serif;letter-spacing:-.02em}.section-heading p,.panel-title p{margin:5px 0 0;color:#89827c;font-size:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-card{min-height:125px;padding:17px 18px;border:1px solid #eae6e0;border-radius:8px;background:#fff;display:flex;flex-direction:column}.metric-label{color:#77716c;font-size:10px}.metric-card strong{margin:12px 0 5px;font:800 27px Manrope,sans-serif;letter-spacing:-.05em}.metric-note{color:#a19a93;font-size:9px}.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.panel-card{padding:20px;border:1px solid #eae6e0;border-radius:8px;background:#fff}.panel-title{margin-bottom:15px}.shortcut-list{display:grid}.shortcut-row{display:flex;align-items:center;gap:11px;padding:12px 2px;border:0;border-top:1px solid #f0ede9;background:transparent;text-align:left;color:#4a4541;font-size:11px}.shortcut-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:#f3eeeb;color:#8c6761;font-size:15px}.shortcut-arrow{margin-left:auto;color:#9b8b84;font-size:16px}.next-steps{list-style:none;padding:0;margin:0;display:grid;gap:15px}.next-steps li{display:flex;align-items:center;gap:12px}.next-steps li>span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#f2ece8;color:#8c6761;font-size:9px;font-weight:700}.next-steps strong,.next-steps small{display:block}.next-steps strong{font-size:10px}.next-steps small{margin-top:3px;color:#96908a;font-size:9px}.admin-footer{padding:17px 42px;border-top:1px solid #e9e6e0;color:#a19a93;font-size:9px}.module-placeholder{min-height:420px;padding:50px 24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.placeholder-icon{width:52px;height:52px;margin:20px 0 16px;display:grid;place-items:center;border-radius:10px;background:#eee7e2;color:#8d6a66;font-size:25px}.module-placeholder>p:not(.eyebrow){max-width:500px;color:#817b75;font-size:13px;line-height:1.7}.coming-soon{margin-top:12px;padding:7px 10px;border-radius:4px;background:#eee9e5;color:#80645e;font-size:8px;letter-spacing:.15em;font-weight:700}.back-dashboard{margin-top:25px;padding:0;border:0;background:transparent;color:#65504c;font-size:11px;font-weight:700}@media(max-width:1050px){.sidebar{width:225px;flex-basis:225px}.content-wrap{padding:30px 25px}.topbar{padding:0 25px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.page-shell{display:block}.intro-panel{display:none}.login-panel{min-height:100vh;padding:38px 24px 70px}.login-card{width:min(100%,420px)}.mobile-brand{display:block;margin-bottom:58px;font:800 13px Manrope,sans-serif;letter-spacing:.24em}.login-card h2{font-size:34px}.page-footer{bottom:18px;left:0;right:0;text-align:center}.admin-shell{display:block}.sidebar{width:100%;min-height:0;padding:14px 14px 10px}.sidebar-brand{padding:0 5px 14px}.sidebar-label{display:none}.side-nav{display:flex;overflow-x:auto;padding-bottom:3px}.nav-item{width:auto;flex:0 0 auto;padding:9px 11px;font-size:10px}.sidebar-bottom{display:none}.topbar{height:54px;padding:0 17px}.topbar-right{font-size:0}.topbar-avatar{font-size:11px}.content-wrap{padding:25px 16px 35px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1,.module-placeholder h1{font-size:27px}.today-label{font-size:9px}.welcome-strip{min-height:145px;padding:22px}.welcome-strip h2{font-size:19px}.welcome-strip p{max-width:245px;line-height:1.5}.welcome-symbol{width:65px;height:65px;font-size:34px}.metric-grid{gap:9px}.metric-card{min-height:112px;padding:14px}.metric-card strong{font-size:24px}.dashboard-columns{grid-template-columns:1fr}.admin-footer{padding:15px 16px}.module-placeholder{min-height:350px;padding:35px 8px}}@media(max-width:390px){.nav-item{font-size:9px;gap:7px;padding:8px}.metric-label{font-size:9px}.metric-card{padding:11px}}.mobile-menu-toggle,.mobile-logout{display:none}@media(max-width:760px){.sidebar{position:relative;padding:13px 16px 12px}.sidebar-brand{padding:0 4px}.mobile-menu-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;margin:9px 0 0;padding:11px 12px;border:1px solid #48413e;border-radius:7px;background:#302c2a;color:#fff;font-size:12px;font-weight:600}.side-nav{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px 0 2px;overflow:visible}.side-nav.mobile-open{display:grid}.nav-item{width:100%;min-width:0;min-height:43px;justify-content:flex-start;white-space:normal;text-align:left;padding:10px;font-size:11px}.nav-icon{flex:0 0 18px}.topbar-right{gap:8px}.mobile-logout{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border:1px solid #e4ded8;border-radius:6px;background:#fff;color:#51433f;font-size:11px;font-weight:700}.content-wrap{padding-top:22px}form input{font-size:16px;min-height:50px}form button,.secondary-button{min-height:52px}.shortcut-row{min-height:48px}}@media(max-width:390px){.content-wrap{padding-left:13px;padding-right:13px}.welcome-strip{gap:10px}.welcome-symbol{flex:0 0 56px;width:56px;height:56px}}.families-module{width:100%}.families-count{padding:10px 13px;border:1px solid #e6e1db;border-radius:7px;background:#fff;color:#746e68;font-size:11px;white-space:nowrap}.families-toolbar{display:flex;gap:10px;align-items:center;margin:0 0 17px}.families-toolbar input{flex:1;min-width:0;height:46px;padding:0 14px;border:1px solid #e2ded8;border-radius:7px;background:#fff;font-size:13px;outline:none}.families-toolbar input:focus{border-color:#8d6a66;box-shadow:0 0 0 3px #8d6a661a}.family-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.family-card{display:flex;align-items:center;gap:13px;min-width:0;padding:17px;border:1px solid #e9e5df;border-radius:9px;background:#fff;text-align:left;color:#282321}.family-card:hover{border-color:#b99a91}.family-card-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:9px;background:#f2ece8;color:#8d6a66;font-size:22px}.family-card-main{min-width:0;flex:1}.family-card-main strong,.family-card-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.family-card-main strong{font-size:13px}.family-card-main small{margin-top:5px;color:#88817b;font-size:10px}.family-card-arrow{color:#967a72;font-size:19px}.families-state{padding:28px;border:1px solid #e9e5df;border-radius:8px;background:#fff;color:#817b75;font-size:12px;line-height:1.6}.error-state{border-color:#e6c9c5;color:#8a4944}.family-detail{display:grid;gap:15px}.family-detail-heading{padding:23px 25px;border-radius:9px;background:linear-gradient(110deg,#342b2a,#574044);color:#fff}.family-overline{color:#d0b4ab;font-size:9px;letter-spacing:.18em;font-weight:700}.family-detail-heading h2{margin:9px 0 5px;font:700 22px Manrope,sans-serif}.family-detail-heading p{margin:0;color:#d1c7c3;font-size:11px}.family-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.family-panel{padding:20px;border:1px solid #e9e5df;border-radius:8px;background:#fff}.family-panel h3{margin:0 0 14px;font:700 13px Manrope,sans-serif}.contact-row,.student-row{padding:12px 0;border-top:1px solid #f0ede9}.contact-row strong,.contact-row span,.student-row strong,.student-row span,.student-row small{display:block}.contact-row strong,.student-row strong{font-size:12px}.contact-row span,.student-row span{margin-top:4px;color:#827b75;font-size:10px}.student-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.student-row>div{min-width:0}.student-row small{margin-top:7px;color:#8d6a66;font-size:10px;line-height:1.5}.student-status{flex:0 0 auto;padding:5px 8px;border-radius:20px;background:#f1ece8;color:#77716c;font-size:9px}.active-status{background:#edf2ed;color:#55745a}.empty-note{color:#89827c;font-size:11px;line-height:1.6}.family-back{height:42px;margin:0;padding:0 13px;font-size:10px}.families-footnote{margin:16px 0 0;color:#99928b;font-size:10px;line-height:1.6}@media(max-width:760px){.families-count{font-size:9px;padding:8px 9px}.families-toolbar{align-items:stretch;flex-direction:column}.families-toolbar input{width:100%;height:49px;font-size:16px}.family-list,.family-detail-grid{grid-template-columns:1fr}.family-card{min-height:76px;padding:14px}.family-detail-heading{padding:20px}.family-panel{padding:17px}}.families-heading-actions{display:flex;align-items:center;gap:10px}.primary-action,.family-form-actions button[type=submit]{min-height:43px;padding:0 16px;border:0;border-radius:7px;background:#342b2a;color:#fff;font-size:11px;font-weight:700}.primary-action:hover,.family-form-actions button[type=submit]:hover{background:#574044}.family-create-form{display:grid;gap:11px;margin:0 0 20px;padding:22px;border:1px solid #e7e1db;border-radius:9px;background:#fff}.family-form-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:5px}.family-form-heading h2{margin:8px 0 5px;font:700 20px Manrope,sans-serif}.family-form-heading h3{margin:0;font:700 14px Manrope,sans-serif}.family-form-heading p{margin:0;color:#89827c;font-size:11px;line-height:1.5}.form-close{width:30px;height:30px;border:0;border-radius:50%;background:#f2eeea;color:#64534e;font-size:20px}.family-create-form>label,.new-student-card>label{font-size:11px;font-weight:700;color:#514944}.family-create-form>input,.new-student-card>input{width:100%;height:44px;padding:0 12px;border:1px solid #e2ded8;border-radius:6px;background:#fff;font-size:13px}.student-form-title{margin-top:10px;padding-top:15px;border-top:1px solid #eeeae5}.new-student-card{display:grid;gap:9px;padding:15px;border:1px solid #eee9e3;border-radius:7px;background:#faf9f7}.new-student-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.new-student-title strong{font-size:12px}.new-student-title button{border:0;background:transparent;color:#94615b;font-size:10px}.modality-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.modality-check{display:flex;align-items:center;gap:8px;padding:8px;border-radius:5px;background:#fff;color:#645d57;font-size:10px;font-weight:500!important;line-height:1.4}.modality-check input{width:15px;height:15px;flex:0 0 15px;accent-color:#76534f}.add-student-button{justify-self:start;padding:8px 0;border:0;background:transparent;color:#76534f;font-size:11px;font-weight:700}.family-form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:8px;padding-top:14px;border-top:1px solid #eeeae5}.family-form-actions .secondary-button{height:43px;min-height:43px;margin:0;background:#f0ede9;color:#514944;font-size:11px}.family-form-actions button[type=submit]{min-height:43px}.create-family-feedback{margin:0 0 15px;padding:12px 14px;border-radius:7px;background:#eee9e5;color:#51433f;font-size:11px;line-height:1.5}@media(max-width:760px){.families-heading-actions{width:100%;justify-content:space-between}.family-create-form{padding:16px}.modality-checkbox-grid{grid-template-columns:1fr}.family-form-actions{flex-direction:column-reverse}.family-form-actions button{width:100%}}
