:root{color:#172033;font-synthesis:none;--navy:#183153;--blue:#2563eb;--blue-soft:#eaf2ff;--border:#e5eaf1;--muted:#667085;--card:#fff;--danger:#b42318;background:#f3f6fa;font-family:Inter,Segoe UI,Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{background:#f3f6fa;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.appShell{direction:rtl;min-height:100vh}.sidebar{border:1px solid var(--border);z-index:30;background:#fff;border-radius:24px;flex-direction:column;width:240px;padding:18px;display:flex;position:fixed;top:16px;bottom:16px;right:16px;box-shadow:0 8px 30px #1720330f}.brand{align-items:center;gap:11px;padding:6px 5px 20px;display:flex}.brandMark{background:var(--navy);color:#fff;border-radius:14px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand strong{font-size:16px}.brand small{color:var(--muted);margin-top:3px}.sidebar nav{gap:7px;display:grid}.sidebar nav button{color:#475467;text-align:right;background:0 0;border:0;border-radius:14px;align-items:center;gap:10px;padding:11px 12px;display:flex}.sidebar nav button.active{background:var(--blue-soft);color:#174ea6;font-weight:700}.sidebarFoot{border-top:1px solid var(--border);color:var(--muted);margin-top:auto;padding:13px 10px;font-size:12px;line-height:1.7}.sidebarFoot b{color:#344054}main{min-height:100vh;margin-right:272px}.topbar{align-items:center;gap:14px;min-height:94px;padding:20px 28px 8px;display:flex}.topbar h1{margin:0;font-size:24px}.topbar p{color:var(--muted);margin:5px 0 0;font-size:13px}.prototypeBadge{border:1px solid var(--border);color:#475467;background:#fff;border-radius:999px;margin-right:auto;padding:7px 11px;font-size:12px}.mobileMenu{background:#fff;border:0;border-radius:12px;width:42px;height:42px;display:none}.content{max-width:1500px;margin:auto;padding:16px 28px 32px}.hero{color:#fff;background:linear-gradient(135deg,#17345b,#285e9d);border-radius:24px;justify-content:space-between;align-items:center;padding:24px 28px;display:flex;box-shadow:0 14px 34px #1f497d24}.hero span{opacity:.82;font-size:12px}.hero h2{margin:7px 0;font-size:25px}.hero p{opacity:.82;margin:0}.statsGrid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px;display:grid}.stat{border:1px solid var(--border);background:#fff;border-radius:20px;align-items:center;gap:12px;padding:18px;display:flex}.statIcon{background:var(--blue-soft);color:#2358a9;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.stat small,.stat strong{display:block}.stat small{color:var(--muted)}.stat strong{margin-top:2px;font-size:23px}.twoPane{grid-template-columns:320px 1fr;gap:16px;display:grid}.panel{border:1px solid var(--border);background:#fff;border-radius:22px;padding:20px;box-shadow:0 6px 18px #19263f09}.panelHead{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px;display:flex}.panelHead h2{margin:0;font-size:19px}.panelHead p{color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.6}.eyebrow{color:#2b63b6;font-size:11px}.gradeList{gap:6px;display:grid}.gradeList button{text-align:right;color:#344054;background:#f8fafc;border:1px solid #0000;border-radius:13px;grid-template-columns:1fr auto auto;align-items:center;padding:10px 12px;display:grid}.gradeList button.selected{color:#184f9f;background:#edf4ff;border-color:#d6e5fb;font-weight:700}.count{border:1px solid var(--border);background:#fff;border-radius:9px;place-items:center;min-width:27px;height:27px;font-size:12px;display:grid}.primary,.secondary{border:0;border-radius:12px;align-items:center;gap:7px;padding:10px 14px;font-weight:700;display:inline-flex}.primary{background:var(--navy);color:#fff}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{color:#344054;border:1px solid var(--border);background:#f7f9fc}.compact{padding:7px 10px;font-size:12px}.subjectGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.subjectCard{border:1px solid color-mix(in srgb,var(--subject-color) 28%,#e5eaf1);border-right:5px solid var(--subject-color);background:linear-gradient(90deg,#fff 0%,#fff 78%,var(--subject-soft) 100%);border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px;display:grid}.subjectIcon{background:var(--subject-soft);width:38px;height:38px;color:var(--subject-color);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--subject-color) 20%,transparent);border-radius:11px;place-items:center;display:grid}.subjectCard strong,.subjectCard small{display:block}.subjectCard small{color:#98a2b3;margin-top:3px;font-size:11px}.linkDanger{color:var(--danger);background:0 0;border:0;font-size:12px}.searchBox{border:1px solid var(--border);color:#98a2b3;background:#f8fafc;border-radius:13px;align-items:center;gap:9px;margin-bottom:16px;padding:0 12px;display:flex}.searchBox input{color:#172033;background:0 0;border:0;outline:0;width:100%;height:42px}.teacherGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.teacherCard{border:1px solid var(--border);border-radius:18px;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:15px;display:grid}.teacherAvatar{color:#1d56a2;background:#eaf2ff;border-radius:15px;place-items:center;width:46px;height:46px;font-size:19px;font-weight:800;display:grid}.teacherMain h3{margin:0 0 5px;font-size:15px}.teacherMain p{color:var(--muted);text-align:right;direction:ltr;margin:2px 0;font-size:12px}.chips{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.chips span{background:var(--subject-soft,#f5f7fa);border:1px solid color-mix(in srgb,var(--subject-color,#98a2b3) 28%,#e5eaf1);color:var(--subject-color,#475467);border-radius:999px;padding:4px 7px;font-size:10px;font-weight:700}.gradeChips{gap:7px;margin-bottom:12px;padding-bottom:9px;display:flex;overflow:auto}.gradeChips button{border:1px solid var(--border);color:#475467;background:#fff;border-radius:999px;flex:none;padding:8px 11px;font-size:12px}.gradeChips button.selected{background:var(--navy);border-color:var(--navy);color:#fff}.assignmentList{gap:10px;display:grid}.assignmentRow{border:1px solid var(--border);border-radius:16px;grid-template-columns:220px 1fr auto;align-items:center;gap:16px;padding:13px;display:grid}.assignmentSubject{align-items:center;gap:9px;display:flex}.assignmentSubjectIcon{background:var(--subject-soft);width:34px;height:34px;color:var(--subject-color);border-radius:10px;place-items:center;display:grid}.assignmentRow{border-right:5px solid var(--subject-color);background:linear-gradient(90deg,#fff 0%,#fff 84%,var(--subject-soft) 100%)}.assignmentSubject strong,.assignmentSubject small{display:block}.assignmentSubject small{color:var(--muted);margin-top:3px;font-size:11px}.teacherChecks{flex-wrap:wrap;gap:6px;display:flex}.teacherChecks button{border:1px solid var(--border);color:#475467;background:#fff;border-radius:11px;align-items:center;gap:6px;padding:7px 9px;font-size:11px;display:flex}.teacherChecks button.checked{color:#184f9f;background:#edf4ff;border-color:#cfe0f8}.checkBox{border:1px solid #cfd6df;border-radius:5px;place-items:center;width:17px;height:17px;display:grid}.checked .checkBox{color:#fff;background:#245fae;border-color:#245fae}.assignmentCount{color:var(--muted);white-space:nowrap;font-size:11px}.empty{text-align:center;color:#98a2b3;padding:35px 20px}.empty p{margin:8px 0}.backdrop{z-index:100;background:#0f172a70;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:22px;width:min(560px,100%);max-height:88vh;padding:18px;overflow:auto;box-shadow:0 24px 60px #0f172a38}.modalHead{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.modalHead h3{margin:0;font-size:18px}.modalHead button{background:#f4f6f8;border:0;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.modalList{gap:7px;display:grid}.modalList>button{border:1px solid var(--border);text-align:right;background:#fff;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:11px;display:grid}.subjectPicker>button{border-right:4px solid var(--subject-color)}.subjectPickerIcon{background:var(--subject-soft);width:34px;height:34px;color:var(--subject-color);border-radius:10px;place-items:center;display:grid}.modalList strong,.modalList small{display:block}.modalList small{color:#98a2b3;margin-top:2px}.formGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.formGrid label span{color:#475467;margin:0 2px 6px;font-size:12px;display:block}.formGrid input{border:1px solid var(--border);border-radius:11px;outline:0;width:100%;height:43px;padding:0 11px}.formGrid input:focus{border-color:#8bb4ef;box-shadow:0 0 0 3px #edf4ff}.formGrid .full{grid-column:1/-1}.modalActions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.navBackdrop{display:none}@media (width<=1050px){.sidebar{width:220px}.twoPane{grid-template-columns:270px 1fr}.subjectGrid,.teacherGrid{grid-template-columns:1fr}.assignmentRow{grid-template-columns:190px 1fr}.assignmentCount{display:none}main{margin-right:252px}}@media (width<=760px){.sidebar{width:min(86vw,300px);transition:all .2s;top:10px;bottom:10px;right:10px;transform:translate(calc(100% + 24px))}.sidebar.open{transform:none}.navBackdrop{z-index:20;background:#0f172a59;display:block;position:fixed;inset:0}main{margin-right:0}.mobileMenu{flex:none;place-items:center;display:grid}.topbar{min-height:78px;padding:14px 14px 4px}.topbar h1{font-size:19px}.topbar p{font-size:11px}.prototypeBadge{display:none}.content{padding:12px 14px 24px}.twoPane{grid-template-columns:1fr}.gradeListPanel{order:1}.subjectsPanel{order:2}.panel{border-radius:18px;padding:15px}.panelHead{align-items:center}.panelHead .primary{flex:none}.gradeList{grid-template-columns:repeat(2,minmax(0,1fr))}.gradeList button{grid-template-columns:1fr auto;padding:9px}.gradeList button svg{display:none}.subjectGrid,.teacherGrid{grid-template-columns:1fr}.teacherCard{grid-template-columns:auto 1fr}.teacherCard>.secondary{grid-column:1/-1;justify-content:center}.assignmentRow{grid-template-columns:1fr;gap:10px}.teacherChecks{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.teacherChecks button{justify-content:flex-start}.assignmentCount{display:block}.statsGrid{grid-template-columns:repeat(2,1fr)}.hero{padding:19px}.hero svg{display:none}.hero h2{font-size:19px}.hero p{font-size:12px}.formGrid{grid-template-columns:1fr}.formGrid .full{grid-column:auto}.modalActions .primary,.modalActions .secondary{flex:1;justify-content:center}}@media (width<=430px){.gradeList,.teacherChecks{grid-template-columns:1fr}.statsGrid{grid-template-columns:1fr 1fr}.stat{padding:13px}.stat strong{font-size:20px}.panelHead{flex-direction:column;align-items:flex-start}.panelHead .primary{justify-content:center;width:100%}}.entityGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.entityCard{border:1px solid var(--border);background:#fff;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:15px;display:grid}.entityCard.inactive,.catalogSubjectCard.inactive,.subjectCard.inactive{opacity:.64}.entityIcon{color:#2358a9;background:#eef4fb;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.entityMain{min-width:0}.entityTitle{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.entityTitle h3{margin:0;font-size:15px}.entityMain p{color:var(--muted);margin:5px 0 0;font-size:12px}.entityActions{grid-column:1/-1;justify-content:flex-end;gap:7px;display:flex}.entityActions button{border:0;border-radius:10px;align-items:center;gap:5px;padding:7px 10px;font-weight:700;display:inline-flex}.dangerSoft{color:#b42318;background:#fff0f1}.successSoft{color:#027a48;background:#ecfdf3}.statusBadge{border-radius:999px;align-items:center;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.statusBadge.active{color:#027a48;background:#ecfdf3}.statusBadge.off{color:#667085;background:#f2f4f7}.subjectCatalogGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.catalogSubjectCard{border:1px solid color-mix(in srgb,var(--subject-color) 28%,#e5eaf1);border-top:5px solid var(--subject-color);background:linear-gradient(180deg,var(--subject-soft) 0%,#fff 42%);border-radius:18px;flex-direction:column;gap:11px;padding:14px;display:flex}.catalogSubjectTop{justify-content:space-between;align-items:center;display:flex}.catalogSubjectCard h3{margin:0;font-size:15px}.catalogSubjectCard small{color:#98a2b3}.colorLine{color:#667085;align-items:center;gap:6px;font-size:11px;display:flex}.colorLine>span{border-radius:50%;width:13px;height:13px}.inlineOff{color:#98a2b3;margin-right:6px;font-size:9px;display:inline-block}.mutedRow{opacity:.62}.notice{color:#7a2e0e;background:#fffaeb;border:1px solid #fedf89;border-radius:12px;margin-bottom:13px;padding:11px 13px;font-size:12px;line-height:1.6}.colorPicker{margin-top:14px}.colorPicker>span{color:#475467;margin-bottom:8px;font-size:12px;display:block}.colorPicker>div{flex-wrap:wrap;gap:8px;display:flex}.colorPicker button{color:#fff;border:3px solid #fff;border-radius:10px;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 0 0 1px #d9dee7}.colorPicker button.selected{box-shadow:0 0 0 3px #dbeafe}.subjectPreview{border:1px solid color-mix(in srgb,var(--subject-color) 28%,#e5eaf1);border-right:5px solid var(--subject-color);background:linear-gradient(90deg,#fff 0%,#fff 70%,var(--subject-soft) 100%);border-radius:14px;align-items:center;gap:10px;margin-top:15px;padding:11px;display:flex}.statsGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}@media (width<=1050px){.subjectCatalogGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.entityGrid,.subjectCatalogGrid{grid-template-columns:1fr}.entityActions{justify-content:stretch}.entityActions button{flex:1;justify-content:center}}.inactiveManager{border-top:1px solid var(--border);margin-top:18px;padding-top:14px}.inactiveGradeList{gap:7px;margin-top:10px;display:grid}.inactiveGradeList>div{border:1px solid var(--border);background:#f8fafc;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;display:flex}.inactiveGradeList button{border:0;border-radius:9px;align-items:center;gap:5px;padding:7px 10px;font-weight:700;display:inline-flex}.autoColorNote{border:1px solid var(--border);color:#667085;background:#f7f9fc;border-radius:12px;margin-top:14px;padding:11px 12px;font-size:12px;line-height:1.6}.teacherNameLine{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.teacherNameLine h3{margin:0!important}.modal.wide{width:min(900px,100%)}.teacherFormSection{border:1px solid var(--border);background:#fff;border-radius:16px;margin-bottom:13px;padding:14px}.teacherFormSection h4{margin:0 0 12px}.teacherSectionHead{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:11px;display:flex}.teacherSectionHead h4{margin:0}.teacherSectionHead p{color:var(--muted);margin:5px 0 0;font-size:12px}.passwordField{border:1px solid var(--border);border-radius:11px;grid-template-columns:1fr 42px;display:grid;overflow:hidden}.passwordField input{border:0!important;border-radius:0!important}.passwordField button{border:0;border-right:1px solid var(--border);color:#667085;background:#f8fafc;place-items:center;display:grid}.accountToggle{border:1px solid var(--border);background:#f8fafc;border-radius:11px;align-items:center;gap:9px;padding:11px!important;display:flex!important}.accountToggle input{width:auto!important;height:auto!important}.accountToggle span{margin:0!important}.teacherRowEditorList{gap:10px;display:grid}.teacherRowEditor{background:#fbfcfe;border:1px solid #dce5ef;border-radius:13px;padding:12px}.teacherRowGrid{grid-template-columns:1fr 1fr auto;align-items:end;gap:9px;display:grid}.teacherRowGrid label span,.tiersForm label span{color:#475467;margin-bottom:6px;font-size:12px;display:block}.teacherRowGrid select,.tiersForm input{border:1px solid var(--border);background:#fff;border-radius:10px;outline:0;width:100%;height:42px;padding:0 10px}.iconDelete{color:#b42318;background:#fff0f1;border:0;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.tiersForm{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px;display:grid}.tiersForm label{margin:0}.hint{text-align:center;color:#98a2b3;background:#f8fafc;border:1px dashed #cfd6df;border-radius:12px;padding:13px;font-size:12px}.errorBox{color:#9f1239;background:#fff1f3;border:1px solid #fecdd3;border-radius:11px;margin-top:10px;padding:10px 12px;font-size:12px}@media (width<=760px){.teacherSectionHead{flex-direction:column}.teacherSectionHead .secondary{justify-content:center;width:100%}.teacherRowGrid,.tiersForm{grid-template-columns:1fr}.iconDelete,.modal.wide{width:100%}.inactiveGradeList>div{flex-direction:column;align-items:stretch}.inactiveGradeList button{justify-content:center}}:root{color:#101828;--border:#d7dee8;--muted:#475467}.topbar h1,.panelHead h2,.entityTitle h3,.catalogSubjectCard h3,.teacherMain h3,.modalHead h3,.teacherFormSection h4,.teacherSectionHead h4{color:#101828;font-weight:800}.topbar p,.panelHead p,.entityMain p,.teacherSectionHead p,.formGrid label span,.teacherRowGrid label span,.tiersForm label span,.autoColorNote,.sidebar nav button,.gradeList button,.secondary,.prototypeBadge,.gradeChips button,.teacherChecks button{color:#344054}.panel,.entityCard,.teacherCard,.teacherFormSection,.modal{border-color:#d7dee8;box-shadow:0 8px 22px #1018280e}.searchBox{color:#667085;background:#fff;border-color:#cfd8e3}.searchBox input{color:#101828}.searchBox input::placeholder{color:#667085}.teacherCard{background:#fff;border-color:#cfd8e3;grid-template-columns:1fr auto;padding:18px}.teacherMain h3{font-size:18px;line-height:1.45}.teacherMain p{color:#475467;margin-top:4px;font-size:12px}.teacherNameLine{gap:10px}.teacherCard>.secondary{align-self:start}.statusBadge.active{color:#05603a;background:#dcfae6;border:1px solid #a6f4c5}.statusBadge.off{color:#344054;background:#f2f4f7;border:1px solid #d0d5dd}.inactiveGradeList>div{color:#344054;background:#e9eef5;border-color:#c7d0dc}.inactiveGradeList>div strong{color:#101828}.subjectCard small,.catalogSubjectCard small,.modalList small,.empty,.hint{color:#667085}@media (width<=760px){.teacherCard{grid-template-columns:1fr}.teacherCard>.secondary{grid-column:auto;justify-content:center;width:100%}.teacherMain h3{font-size:17px}}.panel p,.entityMain p,.teacherMain p,.teacherSectionHead p,.autoColorNote,.assignmentSubject small,.stat small,.sidebarFoot,.brand small{color:#344054}.sidebar nav a{color:#25324a;text-align:right;background:0 0;border:0;border-radius:14px;align-items:center;gap:10px;padding:11px 12px;font-weight:700;text-decoration:none;display:flex}.sidebar nav a:visited{color:#25324a}.sidebar nav a:hover{color:#173f78;background:#f1f5fb}.sidebar nav a.active,.sidebar nav a.active:visited{background:var(--blue-soft);color:#174ea6;font-weight:800}.sidebarClose{color:#101828;background:#f8fafc;border:1px solid #d0d7e2;border-radius:12px;place-items:center;width:42px;height:42px;margin:0 0 8px auto;display:none}:root{--border:#cbd5e1;--muted:#344054}body{color:#0f172a}.topbar h1,.panelHead h2,.modalHead h3,.teacherFormSection h4,.teacherSectionHead h4,.entityTitle h3,.catalogSubjectCard h3,.teacherMain h3{color:#0f172a;font-weight:800}.topbar p,.panelHead p,.entityMain p,.teacherMain p,.teacherSectionHead p,.autoColorNote,.formGrid label span,.teacherRowGrid label span,.tiersForm label span,.accountToggle span,.modalList small,.subjectCard small,.catalogSubjectCard small,.colorLine,.sidebarFoot,.brand small{color:#25324a}.formGrid label span,.teacherRowGrid label span,.tiersForm label span{font-weight:700}.formGrid input,.teacherRowGrid select,.tiersForm input,.passwordField{color:#0f172a;border-color:#cbd5e1}.formGrid input::placeholder,.searchBox input::placeholder,.passwordField input::placeholder{color:#667085;opacity:1}.teacherFormSection{border-color:#cbd5e1}.autoColorNote,.accountToggle,.hint{color:#344054;background:#f8fafc;border-color:#cbd5e1}.hint{font-weight:600}.secondary{color:#25324a;border-color:#cbd5e1}.searchBox{color:#475467;border-color:#cbd5e1}@media (width<=760px){.sidebarClose{display:grid}.brand{padding-top:0}}.parentFilters{grid-template-columns:1fr 220px;gap:10px;margin-bottom:16px;display:grid}.parentsSearch{margin:0}.parentFilters select,.formGrid select{border:1px solid var(--border);color:#0f172a;background:#fff;border-radius:11px;outline:0;height:43px;padding:0 11px}.parentsTableWrap{border:1px solid var(--border);border-radius:16px;overflow:auto}.parentsTable{border-collapse:collapse;width:100%;min-width:720px}.parentsTable th,.parentsTable td{text-align:right;color:#25324a;border-bottom:1px solid #e2e8f0;padding:13px 14px;font-size:13px}.parentsTable th{color:#344054;background:#f8fafc;font-size:12px;font-weight:800}.parentsTable tr:last-child td{border-bottom:0}.parentsTable td strong{color:#0f172a}.miniChips{flex-wrap:wrap;gap:5px;display:flex}.miniChips span{color:#27476d;background:#eef4fb;border:1px solid #d7e3f2;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:700}.rowOpen,.backLink{color:#174ea6;align-items:center;gap:5px;font-weight:800;text-decoration:none;display:inline-flex}.parentCards{display:none}.detailTop{margin-bottom:10px}.parentProfile{color:#fff;background:linear-gradient(135deg,#17345b,#285e9d);border-radius:22px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:22px 24px;display:flex}.parentProfile .eyebrow{color:#dbeafe}.parentProfile h2{margin:5px 0 10px;font-size:24px}.parentMeta{color:#e5edf8;flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.parentProfile .secondary{color:#183153;background:#fff;border-color:#fff}.studentSection{margin-bottom:16px}.studentGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.studentCard{border:1px solid var(--border);background:#fff;border-radius:18px;padding:15px}.studentCardTop{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.studentIdentity{align-items:center;gap:10px;display:flex}.studentIdentity>span{color:#245fae;background:#edf4ff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.studentIdentity h3{color:#0f172a;margin:0;font-size:16px}.studentIdentity p{color:#344054;margin:4px 0 0;font-size:12px}.studentSubjects{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.studentSubjectChip{background:var(--subject-soft);border:1px solid color-mix(in srgb,var(--subject-color) 26%,#d7dee8);color:var(--subject-color);border-radius:999px;align-items:center;gap:6px;padding:6px 8px;font-size:11px;font-weight:800;display:inline-flex}.studentSubjectChip small{border:1px solid color-mix(in srgb,var(--subject-color) 22%,#d7dee8);color:#344054;background:#fff;border-radius:999px;padding:2px 5px;font-size:9px}.noSubjects{color:#667085;font-size:12px}.futurePanel{justify-content:space-between;align-items:center;gap:12px;display:flex}.futurePanel h3{color:#0f172a;margin:0}.futurePanel p{margin:6px 0 0}.futurePanel>span{color:#245fae;background:#eef4fb;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.studentSubjectPicker{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.pickerHead{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:11px;display:flex}.pickerHead strong,.pickerHead small{display:block}.pickerHead strong{color:#0f172a}.pickerHead small{color:#344054;margin-top:4px}.subjectChoiceGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.subjectChoiceGrid button{border:1px solid color-mix(in srgb,var(--subject-color) 25%,#d7dee8);text-align:right;color:#25324a;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:10px;display:flex}.subjectChoiceGrid button.selected{background:var(--subject-soft);border-color:var(--subject-color);color:var(--subject-color)}.subjectCheck{border:1px solid #b8c3d1;border-radius:6px;flex:none;place-items:center;width:20px;height:20px;display:grid}.subjectChoiceGrid button.selected .subjectCheck{background:var(--subject-color);border-color:var(--subject-color);color:#fff}@media (width<=900px){.studentGrid{grid-template-columns:1fr}.subjectChoiceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.parentFilters{grid-template-columns:1fr}.parentsTableWrap{display:none}.parentCards{gap:9px;display:grid}.parentCard{border:1px solid var(--border);color:#25324a;background:#fff;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px;text-decoration:none;display:grid}.parentCardIcon{color:#245fae;background:#edf4ff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.parentCard strong,.parentCard small,.parentCard span{display:block}.parentCard strong{color:#0f172a}.parentCard small{color:#344054;text-align:right;margin-top:3px}.parentCard span{color:#667085;margin-top:4px;font-size:11px}.parentProfile{flex-direction:column;align-items:flex-start;padding:18px}.parentProfile .secondary{justify-content:center;width:100%}.subjectChoiceGrid{grid-template-columns:1fr}.pickerHead{flex-direction:column}.pickerHead .secondary{justify-content:center;width:100%}.futurePanel{flex-direction:column;align-items:flex-start}.parentsHead{align-items:stretch}.parentsHead .primary{justify-content:center;width:100%}}.studentSubjectChip .subjectStatus{border:1px solid #0000;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:800}.studentSubjectChip .subjectStatus.subscribed{color:#05603a;background:#dcfae6;border-color:#a6f4c5}.studentSubjectChip .subjectStatus.trial{color:#92400e;background:#fff4d8;border-color:#f6d68a}.studentSubjectChip .subjectStatus.declined{color:#344054;background:#f2f4f7;border-color:#d0d5dd}.whatsappCell,.profilePhone,.mobileWhatsApp{align-items:center;gap:7px;display:flex}.whatsappCell a,.profilePhone a,.mobileWhatsApp a{color:#0f7b5f;align-items:center;gap:5px;font-weight:800;text-decoration:none;display:inline-flex}.whatsappCell a:hover,.profilePhone a:hover,.mobileWhatsApp a:hover{text-decoration:underline}.whatsappCell button,.profilePhone button,.mobileWhatsApp button{color:#344054;background:#fff;border:1px solid #cbd5e1;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.profilePhone{color:#e5edf8}.profilePhone a{color:#fff}.profilePhone button{color:#fff;background:#ffffff1f;border-color:#ffffff73}.gradeSubjectAdd{white-space:nowrap;flex-wrap:nowrap;min-width:max-content}.parentCard{overflow:hidden}.parentCardMain{color:#25324a;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;text-decoration:none;display:grid}.mobileWhatsApp{border-top:1px solid #e2e8f0;justify-content:flex-start;margin-top:10px;padding-top:10px}@media (width>=761px){.mobileWhatsApp{display:none}}@media (width<=760px){.parentCard{display:block}.gradeSubjectAdd{align-self:flex-start;width:auto!important}}.gradeSubjectMain{min-width:0}.gradeSubjectMeta{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.gradeSubjectMeta span{color:#344054;background:#fff;border:1px solid #d7dee8;border-radius:999px;align-items:center;gap:4px;padding:5px 8px;font-size:11px;font-weight:700;display:inline-flex}.gradeSubjectMeta b{color:#0f172a;font-size:12px}.gradeSubjectActions{justify-items:end;gap:5px;display:grid}.linkEdit{color:#174ea6;background:0 0;border:0;align-items:center;gap:4px;font-size:12px;font-weight:800;display:inline-flex}.selectedGradeSubject{border:1px solid color-mix(in srgb,var(--subject-color) 28%,#d7dee8);border-right:5px solid var(--subject-color);background:linear-gradient(90deg,#fff 0%,#fff 75%,var(--subject-soft) 100%);border-radius:14px;align-items:center;gap:10px;margin-bottom:16px;padding:12px;display:flex}.selectedGradeSubject strong,.selectedGradeSubject small{display:block}.selectedGradeSubject small{color:#475467;margin-top:3px}.gradeSubjectFields{margin-top:4px}.backChoice{color:#174ea6;background:0 0;border:0;align-items:center;gap:5px;margin-bottom:12px;padding:0;font-weight:800;display:inline-flex}.subjectCard{grid-template-columns:auto minmax(0,1fr) auto}@media (width<=760px){.gradeSubjectActions{grid-column:2;grid-auto-flow:column;justify-content:start;justify-items:start}.subjectCard{grid-template-columns:auto minmax(0,1fr)}.gradeSubjectMeta{gap:5px}.gradeSubjectMeta span{padding:4px 7px;font-size:10px}}.academicTabsWrap{max-width:1500px;margin:auto;padding:12px 28px 0}.academicTabs{scrollbar-width:thin;background:#eaf0f7;border:1px solid #d7dee8;border-radius:16px;gap:8px;width:max-content;max-width:100%;padding:4px;display:flex;overflow-x:auto}.academicTabs a{color:#344054;white-space:nowrap;border-radius:12px;flex:none;align-items:center;gap:7px;padding:10px 14px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.academicTabs a.active{color:#174ea6;background:#fff;box-shadow:0 1px 4px #0f172a14}.removeSubjectAction{color:#b42318;background:#fff7f7;border:1px solid #f3c1c5;border-radius:9px;align-items:center;gap:5px;padding:7px 9px;font-size:12px;font-weight:800;display:inline-flex}.confirmRemoveBody{align-items:flex-start;gap:12px;padding:8px 2px;display:flex}.confirmRemoveIcon{color:#b42318;background:#fff1f3;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.confirmRemoveBody strong{color:#101828;line-height:1.7;display:block}.confirmRemoveBody p{color:#475467;margin:6px 0 0;font-size:12px;line-height:1.6}.dangerConfirm{color:#fff;background:#b42318;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-weight:800;display:inline-flex}.gradeSubjectActions{justify-content:flex-end;align-items:center;gap:14px;display:flex}.gradeSubjectMeta b,.count,.stat strong{font-variant-numeric:tabular-nums}@media (width<=760px){.academicTabsWrap{padding:10px 14px 0}.academicTabs{border-radius:14px;width:100%}.academicTabs a{padding:9px 12px;font-size:12px}.gradeSubjectActions{border-top:1px solid #e5e7eb;grid-column:1/-1;justify-content:space-between;gap:12px;margin-top:4px;padding-top:10px;display:flex}.gradeSubjectActions .linkEdit,.gradeSubjectActions .removeSubjectAction{min-height:40px}.confirmActions{flex-direction:column-reverse}.confirmActions .secondary,.confirmActions .dangerConfirm{justify-content:center;width:100%}}.gradeSubjectCard{flex-direction:column;align-items:stretch;gap:14px;min-height:210px;padding:16px 18px;display:flex}.gradeSubjectHeader{grid-template-columns:auto 1fr;align-items:center;gap:11px;display:grid}.gradeSubjectTitle{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.gradeSubjectTitle strong{color:#0f172a;font-size:20px;font-weight:900;line-height:1.35}.gradeSubjectStatus{border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.gradeSubjectStatus.active{color:#05603a;background:#dcfae6;border:1px solid #a6f4c5}.gradeSubjectStatus.off{color:#344054;background:#f2f4f7;border:1px solid #d0d5dd}.gradeSubjectMeta{grid-template-columns:1fr 1fr;gap:10px;margin:0;display:grid}.gradeSubjectMeta span{background:#fff;border-radius:13px;justify-content:center;min-height:48px;font-size:14px}.gradeSubjectMeta b{font-size:18px}.gradeSubjectActions{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:12px;display:flex}.linkEdit{padding:7px 4px;font-size:14px}.removeSubjectAction{color:#b42318;background:0 0;border:0;padding:7px 4px;font-size:13px}.removeSubjectAction:hover{background:#fff1f3;border-radius:8px}@media (width<=760px){.gradeSubjectCard{gap:16px;min-height:0;padding:18px}.gradeSubjectHeader{grid-template-columns:auto 1fr}.gradeSubjectTitle{text-align:right;justify-content:flex-start}.gradeSubjectTitle strong{font-size:22px}.gradeSubjectStatus{font-size:12px}.gradeSubjectMeta span{min-height:52px;font-size:15px}.gradeSubjectMeta b{font-size:20px}.gradeSubjectActions{padding-top:14px}.linkEdit{font-size:16px}.removeSubjectAction{font-size:14px}.subjectIcon{width:44px;height:44px}.gradeSubjectMeta{gap:12px}}.studentAccessBox{background:#f8fafc;border:1px solid #d7dee8;border-radius:14px;margin-top:14px;padding:11px}.studentAccessHead{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.studentAccessHead>span{color:#25324a;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.studentAccessHead small{color:#667085;font-size:10px}.studentCodeRow{grid-template-columns:1fr auto auto auto;align-items:center;gap:7px;display:grid}.studentCodeRow code{color:#0f172a;letter-spacing:1.1px;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;min-height:38px;padding:0 11px;font-size:14px;font-weight:900;display:flex;overflow:auto}.studentCodeRow>button{color:#344054;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-width:38px;height:38px;font-weight:800;display:inline-flex}.studentCodeRow .regenerateCodeBtn{white-space:nowrap;color:#174ea6;padding:0 10px}.confirmCodeBody{align-items:flex-start;gap:12px;padding:8px 2px;display:flex}.confirmCodeIcon{color:#174ea6;background:#edf4ff;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.confirmCodeBody strong{color:#101828;line-height:1.7;display:block}.confirmCodeBody p{color:#475467;margin:6px 0 0;font-size:12px;line-height:1.6}@media (width<=760px){.studentAccessBox{padding:12px}.studentCodeRow{grid-template-columns:1fr auto auto}.studentCodeRow .regenerateCodeBtn{grid-column:1/-1;width:100%}.studentCodeRow code{font-size:15px}.studentAccessHead>span{font-size:13px}}.familyPaymentForm{gap:16px;display:grid}.paymentIntro{background:#f8fafc;border:1px solid #d7dee8;border-radius:14px;align-items:flex-start;gap:12px;padding:13px;display:flex}.paymentIntro>span{color:#174ea6;background:#edf4ff;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.paymentIntro strong{color:#0f172a;font-size:16px;display:block}.paymentIntro p{color:#475467;margin:5px 0 0;font-size:12px;line-height:1.6}.paymentStudents{gap:12px;display:grid}.paymentStudentBlock{border:1px solid #d7dee8;border-radius:15px;padding:13px}.paymentStudentHead{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.paymentStudentHead>div{color:#0f172a;align-items:center;gap:8px;display:flex}.paymentStudentHead small{color:#475467}.paymentSubjectList{gap:8px;display:grid}.paymentSubjectRow{text-align:right;color:#25324a;background:#fff;border:1px solid #d7dee8;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:10px 11px;display:grid}.paymentSubjectRow.selected{background:#edf4ff;border-color:#8eb8ef}.paymentCheck{border:1px solid #b8c3d1;border-radius:7px;place-items:center;width:22px;height:22px;display:grid}.paymentSubjectRow.selected .paymentCheck{color:#fff;background:#174ea6;border-color:#174ea6}.paymentSubjectName{font-weight:800}.paymentSubjectName small{color:#667085;margin-top:3px;font-size:10px;font-weight:700;display:block}.paymentSubjectRow>strong{color:#0f172a;font-size:13px}.paymentNoTrial{color:#667085;padding:6px 0;font-size:12px}.paymentSummary{background:#f8fafc;border:1px solid #d7dee8;border-radius:15px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:13px;display:grid}.paymentSummary>div,.paymentSummary label{background:#fff;border:1px solid #d7dee8;border-radius:12px;padding:10px}.paymentSummary span{color:#475467;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.paymentSummary strong{color:#0f172a;font-size:16px}.paymentSummary input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:9px;width:100%;height:38px;padding:0 9px}.trialDecisionBox{background:#fffaf0;border:1px solid #f0d7a4;border-radius:15px;padding:13px}.trialDecisionHead strong{color:#7c4a00}.trialDecisionHead p{color:#6b5b3e;margin:4px 0 11px;font-size:12px}.trialDecisionList{gap:8px;display:grid}.trialDecisionRow{background:#fff;border:1px solid #ead8b3;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.trialDecisionRow div strong,.trialDecisionRow div span{display:block}.trialDecisionRow div span{color:#6b7280;margin-top:2px;font-size:11px}.trialDecisionRow select{color:#4a3a1c;background:#fff;border:1px solid #d3b77d;border-radius:9px;height:38px;padding:0 9px}.paymentRuleNote{color:#234a77;background:#eef6ff;border:1px solid #cfe3fb;border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.7}.financeHead{align-items:center}.paymentHistory{gap:10px;display:grid}.paymentHistoryCard{background:#fff;border:1px solid #d7dee8;border-radius:15px;padding:13px}.paymentHistoryTop{justify-content:space-between;align-items:center;gap:12px;display:flex}.paymentHistoryTop span,.paymentHistoryStats span{color:#667085;font-size:10px;display:block}.paymentHistoryTop strong{color:#0f172a;margin-top:3px;display:block}.paymentHistoryTop>b{color:#05603a;font-size:18px}.paymentHistoryStats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px;display:grid}.paymentHistoryStats>div{background:#f8fafc;border-radius:10px;padding:9px}.paymentHistoryStats strong{color:#0f172a;margin-top:4px;font-size:12px;display:block}.paymentHistoryItems{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.paymentHistoryItems span{color:#27476d;background:#eef4fb;border:1px solid #d7e3f2;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700}.studentSubjectChip .subjectStatus.continue_trial{color:#92400e;background:#fff4d8;border-color:#f6d68a}.studentSubjectChip .subjectStatus.not_subscribed{color:#344054;background:#f2f4f7;border-color:#d0d5dd}@media (width<=760px){.financeHead{flex-direction:column;align-items:stretch}.financeHead .primary{justify-content:center;width:100%}.paymentSubjectRow{grid-template-columns:auto 1fr}.paymentSubjectRow>strong{grid-column:2}.paymentSummary{grid-template-columns:1fr 1fr}.trialDecisionRow{flex-direction:column;align-items:stretch}.trialDecisionRow select{width:100%}.paymentHistoryStats{grid-template-columns:1fr}.paymentHistoryTop{align-items:flex-start}.paymentHistoryTop>b{font-size:16px}}