:root{color-scheme:dark}body{background:#000817} .edu-login{max-width:480px;border:1px solid #365684;background:#0c2045!important;color:#f3f7ff!important} .edu-login h1{color:#f3f7ff;font-size:clamp(29px,5vw,43px);line-height:1.11;letter-spacing:-1.7px}.edu-login p{line-height:1.7;color:#b9cceb}.edu-login label{color:#e2ecff}.edu-login :is(input,select){background:#07162f;color:#f3f7ff;border-color:#345580;min-height:44px;font-size:16px}.edu-login .btn.primary{background:#2149f5;color:white;border-color:#2149f5}.edu-heading{align-items:flex-end}.edu-heading p.muted{max-width:730px;font-size:14px;line-height:1.7}.edu-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr));gap:16px}.edu-metric{min-height:148px;position:relative;overflow:hidden;border:1px solid #d8e3f7!important;background:#fff!important;border-radius:17px!important;padding:20px!important;box-shadow:0 4px 18px #17305a09}.edu-metric::before{content:'';position:absolute;right:-18px;top:-28px;width:115px;height:115px;border:1px solid #d5e2fc;border-radius:50%}.edu-metric span{display:block;color:#5b7092!important;font-size:13px;font-weight:650}.edu-metric strong{display:block;margin-top:18px;font-size:clamp(23px,3vw,32px);color:#113165!important;letter-spacing:-1px;overflow-wrap:anywhere}.edu-metric small{color:#697f9e!important;line-height:1.6}.edu-panel{background:white!important;border:1px solid #d8e4f6!important;border-radius:17px;padding:20px!important;color:#163459!important}.edu-panel h2{color:#122d59!important}.edu-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:24px 0}.edu-journey span{padding:18px 12px;border-radius:11px;background:#edf3ff;border:1px solid #d6e3ff;color:#254890;font-weight:650;text-align:center}.edu-list-tools{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.edu-list-tools label{display:grid;gap:7px;flex:1;max-width:370px;color:#25476e!important;font-size:13px;font-weight:650}.edu-list-tools input{background:#fff!important;color:#132b52!important;border:1px solid #cedbf1!important;border-radius:9px;min-height:44px;padding:10px 12px;font-size:16px}.edu-list-tools span{font-size:11px;color:#667c9a}.edu-panel .table-wrap{overflow-x:auto}.edu-panel table{border-collapse:collapse;width:100%;min-width:660px}.edu-panel th{text-transform:capitalize;background:#f1f5fd!important;color:#24466f!important;font-size:12px;padding:13px;text-align:left}.edu-panel td{border-bottom:1px solid #e7eef8!important;padding:13px;color:#1f3b61!important;font-size:13px}.edu-panel tr:hover td{background:#f8faff!important}.edu-panel tr[hidden]{display:none}.edu-form-actions{display:flex;justify-content:flex-end;margin-top:19px}#modal .modal-content{padding:25px!important;background:#fff!important;color:#14264b!important}#modal .modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px}#modal .modal-head h2{font-size:22px;color:#10294d!important}#modal .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#modal .form-grid label{display:grid;gap:7px;font-weight:650;font-size:13px;color:#18355d!important;min-width:0}#modal .form-grid :is(input,select){width:100%;min-width:0;max-width:100%;min-height:44px;border-radius:9px;padding:10px 12px;background:#fff!important;color:#163557!important;border:1px solid #c6d4ea!important;box-sizing:border-box;color-scheme:light;font-size:16px}#modal .btn.primary{background:#2149f5!important;color:#fff!important;border-color:#2149f5!important}#modal .error{color:#a32234!important}#toast{position:fixed;right:18px;bottom:18px;z-index:1001;max-width:350px;border-radius:12px;background:#153c84;color:#fff;padding:15px 20px;box-shadow:0 12px 30px #09224850}#toast.error{background:#81252f}#toast[hidden]{display:none}#modal .code{overflow-wrap:anywhere;background:#f0f5ff;color:#17345a}#modal .btn:not(.primary){border:1px solid #cdd8ec!important;background:#eaf0fc!important;color:#17375c!important}@media(max-width:760px){.edu-heading{align-items:flex-start}.edu-journey{grid-template-columns:repeat(2,minmax(0,1fr))}.edu-list-tools{align-items:stretch;flex-direction:column}.edu-list-tools label{max-width:none}.edu-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.edu-metric{min-height:132px;padding:15px!important}.edu-metric strong{font-size:23px}#modal .form-grid{grid-template-columns:1fr}#modal .modal-content{padding:18px!important}}@media(max-width:360px){.edu-cards{grid-template-columns:1fr}.edu-journey{grid-template-columns:1fr}}
/* Learning and family portal forms stay readable on desktop and phones. */
.crm-shell .crm-content .edu-check{display:flex;align-items:flex-start;gap:10px}.edu-check input{width:auto;min-height:20px}.crm-shell .crm-content .form-grid>h3,.crm-shell .crm-content .form-grid>.edu-check{grid-column:1/-1}.crm-shell .crm-content fieldset{min-width:0;border:1px solid #cbd8ed;border-radius:12px;margin:14px 0;padding:16px}.crm-shell .crm-content textarea{width:100%;min-height:100px;resize:vertical}.crm-shell .crm-content [id^=edu-] .panel{margin-block:18px}.crm-shell .crm-content .actions form{display:inline-flex}.crm-shell .crm-content .form-grid{align-items:end}.crm-shell .crm-content #edu-book-config{display:grid;gap:12px}