*{box-sizing:border-box}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f7fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#f4f7fb;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.erp{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:20;background:#102a43;flex-direction:column;width:250px;min-height:100vh;padding:24px 16px 18px;display:flex;position:fixed;top:0;left:0}.brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding:0 8px 24px;display:flex}.brandLogo{color:#102a43;background:#fff;border-radius:12px;place-items:center;width:43px;height:43px;font-size:16px;font-weight:800;display:grid}.brand h2{margin:0;font-size:16px;line-height:1.3}.brand span{color:#a9c0d4;margin-top:3px;font-size:14px;display:block}.session{background:#ffffff12;border-radius:9px;margin:18px 8px;padding:11px 12px}.session span{color:#9fb5c8;letter-spacing:.8px;font-size:13px;font-weight:700;display:block}.session strong{margin-top:4px;font-size:14px;display:block}nav{flex-direction:column;gap:4px;display:flex}.navItem{color:#c8d7e5;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:11px 12px;transition:all .18s;display:flex}.navItem:hover{color:#fff;background:#ffffff12}.navItem.active{color:#fff;background:#1f6feb;box-shadow:0 5px 14px #00000024}.navItem span{font-size:14px;font-weight:600}.sidebarFooter{border-top:1px solid #ffffff1f;align-items:center;gap:10px;margin-top:auto;padding:17px 7px 0;display:flex}.principalAvatar{color:#1d4ed8;background:#dbeafe;border-radius:50%;place-items:center;width:35px;height:35px;font-size:13px;font-weight:800;display:grid}.sidebarFooter strong,.sidebarFooter span{display:block}.sidebarFooter span{color:#9fb5c8;margin-top:2px;font-size:13px}.main{width:calc(100% - 250px);min-height:100vh;margin-left:250px}.topbar{z-index:10;background:#fff;border-bottom:1px solid #e6ebf1;justify-content:space-between;align-items:center;height:82px;padding:0 30px;display:flex;position:sticky;top:0}.topbar h1{color:#172033;margin:0;font-size:20px}.topbar p{color:#7b8798;margin:5px 0 0;font-size:13px}.topActions{align-items:center;gap:12px;display:flex}.search{color:#8a96a6;background:#fafbfd;border:1px solid #dfe5ec;border-radius:9px;align-items:center;gap:8px;width:230px;height:38px;padding:0 11px;display:flex}.search input{color:#172033;background:0 0;border:0;outline:0;width:100%;font-size:13px}.iconButton{color:#596579;background:#fff;border:1px solid #e0e6ed;border-radius:9px;place-items:center;width:38px;height:38px;display:grid;position:relative}.notificationDot{background:#e5484d;border:1px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.profile{align-items:center;gap:9px;margin-left:4px;display:flex}.avatar{color:#1f6feb;background:#e8f0fe;border-radius:50%;place-items:center;width:37px;height:37px;font-size:13px;font-weight:800;display:grid}.profile strong,.profile span{display:block}.profile strong{font-size:13px}.profile span{color:#8995a5;margin-top:2px;font-size:13px}.content{max-width:1500px;margin:auto;padding:25px 30px 35px}.dateRow{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dateRow>div{flex-direction:column;display:flex}.todayLabel{color:#8995a5;letter-spacing:.8px;margin-bottom:4px;font-size:13px;font-weight:800}.primaryButton{color:#fff;background:#1f6feb;border:0;border-radius:8px;padding:10px 15px;font-size:13px;font-weight:700;box-shadow:0 4px 12px #1f6feb33}.statsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:17px;display:grid}.statCard{background:#fff;border:1px solid #e5eaf0;border-radius:11px;padding:17px;box-shadow:0 2px 5px #1a2b4306}.statTop{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.statIcon{color:#1f6feb;background:#edf4ff;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.trendIcon{color:#2d9d78}.statCard>span{color:#778396;font-size:13px;font-weight:600}.statCard h2{letter-spacing:-.5px;margin:5px 0 4px;font-size:23px}.statCard p{color:#8995a5;margin:0;font-size:13px}.dashboardGrid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:17px;display:grid}.panel{background:#fff;border:1px solid #e5eaf0;border-radius:11px;padding:18px;box-shadow:0 2px 5px #1a2b4306}.panelHeader{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.panelHeader h3{margin:0;font-size:14px}.panelHeader p{color:#8b96a5;margin:4px 0 0;font-size:13px}.textButton{color:#1f6feb;background:0 0;border:0;align-items:center;gap:2px;font-size:13px;font-weight:700;display:flex}.attendanceContent{justify-content:space-around;align-items:center;min-height:155px;display:flex}.attendanceCircle{background:conic-gradient(#2d9d78 0 92.4%, #e9edf2 92.4% 100%);border-radius:50%;place-items:center;width:126px;height:126px;display:grid;position:relative}.attendanceCircle:after{content:"";background:#fff;border-radius:50%;width:96px;height:96px;position:absolute}.attendanceCircle>div{z-index:2;text-align:center}.attendanceCircle strong{font-size:19px;display:block}.attendanceCircle span{color:#7f8a99;font-size:13px}.attendanceNumbers{flex-direction:column;gap:17px;min-width:145px;display:flex}.attendanceNumbers>div{align-items:center;gap:10px;display:flex}.attendanceNumbers strong,.attendanceNumbers small{display:block}.attendanceNumbers small{color:#8793a2;margin-top:2px;font-size:13px}.greenDot,.redDot,.grayDot{border-radius:50%;width:9px;height:9px}.greenDot{background:#2d9d78}.redDot{background:#e5484d}.grayDot{background:#a9b2bf}.attendanceMessage{color:#4f6075;background:#f4f8ff;border-radius:8px;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;font-size:13px;display:flex}.attendanceMessage svg{color:#1f6feb;flex-shrink:0}.attendanceMessage span{flex:1}.attendanceMessage button{color:#1f6feb;background:0 0;border:0;font-size:13px;font-weight:700}.feeAmount span{color:#8490a0;font-size:13px;display:block}.feeAmount strong{margin-top:4px;font-size:24px;display:block}.progressTrack{background:#e9edf2;border-radius:10px;height:7px;margin:18px 0 15px;overflow:hidden}.progressFill{border-radius:inherit;background:#2d9d78;width:83.4%;height:100%}.feeBreakdown{justify-content:space-between;margin-bottom:18px;display:flex}.feeBreakdown span,.feeBreakdown strong{display:block}.feeBreakdown span{color:#8995a5;font-size:13px}.feeBreakdown strong{margin-top:3px;font-size:14px}.outlineButton{color:#435269;background:#fff;border:1px solid #dce3ea;border-radius:8px;justify-content:center;align-items:center;gap:5px;width:100%;padding:9px;font-size:13px;font-weight:700;display:flex}.announcement{border-bottom:1px solid #edf0f4;gap:11px;padding:12px 0;display:flex}.announcement:last-child{border-bottom:0}.announcementIcon{color:#1f6feb;background:#edf4ff;border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.announcement strong{font-size:13px;display:block}.announcement p{color:#657286;margin:4px 0;font-size:13px;line-height:1.45}.announcement span{color:#9aa4b1;font-size:13px}.event{border-bottom:1px solid #edf0f4;align-items:center;gap:12px;padding:10px 0;display:flex}.event:last-child{border-bottom:0}.eventDate{text-align:center;background:#f0f5ff;border-radius:8px;flex-shrink:0;place-content:center;width:45px;height:49px;display:grid}.eventDate strong{color:#1f6feb;font-size:15px}.eventDate span{color:#6f7c8f;font-size:13px;font-weight:800}.event>div:last-child>strong{font-size:13px}.event p{color:#8995a5;align-items:center;gap:4px;margin:5px 0 0;font-size:13px;display:flex}@media (width<=1050px){.statsGrid{grid-template-columns:repeat(2,1fr)}.dashboardGrid{grid-template-columns:1fr}.search{display:none}}@media (width<=760px){.sidebar{width:70px;padding-left:10px;padding-right:10px}.brand>div:last-child,.session,.navItem span,.sidebarFooter>div:last-child{display:none}.brand{justify-content:center;padding-left:0;padding-right:0}.navItem,.sidebarFooter{justify-content:center}.main{width:calc(100% - 70px);margin-left:70px}.topbar{padding:0 15px}.topbar p,.profile>div:last-child{display:none}.content{padding:18px 15px}.statsGrid{grid-template-columns:1fr}.attendanceContent{flex-direction:column;gap:20px}.attendanceNumbers{width:100%}}.sidebar{width:270px}.main{width:calc(100% - 270px);margin-left:270px}.navItem{padding:13px 14px}.navItem span{font-size:15px}.topbar{height:90px}.content{padding:28px 32px 40px}.statCard{padding:20px}.panel{padding:21px}.panelHeader p,.textButton{font-size:13px}.attendanceNumbers small,.attendanceMessage,.feeAmount span,.feeBreakdown span{font-size:13px}.announcement p,.announcement span,.event p{font-size:13px}.studentPageHeader{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.studentPageHeader h2{margin:3px 0 4px;font-size:23px}.studentPageHeader p{color:#7b8798;margin:0;font-size:14px}.studentPageHeader .primaryButton{align-items:center;gap:6px;display:flex}.studentSummaryGrid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.studentSummaryGrid>div{background:#fff;border:1px solid #e5eaf0;border-radius:10px;padding:16px 18px}.studentSummaryGrid span,.studentSummaryGrid strong{display:block}.studentSummaryGrid span{color:#7b8798;font-size:13px}.studentSummaryGrid strong{margin-top:5px;font-size:20px}.studentTablePanel{padding:0;overflow:hidden}.studentToolbar{border-bottom:1px solid #e8edf2;justify-content:space-between;gap:12px;padding:16px 18px;display:flex}.studentSearch{color:#8490a0;border:1px solid #dce3ea;border-radius:8px;align-items:center;gap:8px;width:min(430px,100%);height:40px;padding:0 11px;display:flex}.studentSearch input{background:0 0;border:0;outline:0;width:100%;font-size:14px}.classFilter{color:#68768a;border:1px solid #dce3ea;border-radius:8px;align-items:center;gap:7px;height:40px;padding:0 10px;display:flex}.classFilter select{color:#435269;background:#fff;border:0;outline:0;font-size:13px}.studentTableWrap{width:100%;overflow-x:auto}.studentTable{border-collapse:collapse;width:100%;min-width:900px}.studentTable th{color:#738095;text-align:left;text-transform:uppercase;letter-spacing:.3px;background:#f8fafc;border-bottom:1px solid #e6ebf1;padding:12px 14px;font-size:13px}.studentTable td{color:#46556a;border-bottom:1px solid #edf0f4;padding:13px 14px;font-size:13px}.studentTable tbody tr:hover{background:#fafcff}.studentTable td>strong{color:#1f6feb}.studentNameCell{align-items:center;gap:9px;display:flex}.studentAvatar{color:#1f6feb;background:#eaf2ff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.studentNameCell strong,.studentNameCell span{display:block}.studentNameCell strong{color:#263448;font-size:13px}.studentNameCell span{color:#909baa;margin-top:2px;font-size:13px}.activeBadge{color:#238566;background:#e8f7f1;border-radius:20px;padding:4px 8px;font-size:13px;font-weight:700;display:inline-block}.tableActions{gap:5px;display:flex}.tableActions button{color:#607086;background:#fff;border:1px solid #e0e6ed;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.tableActions button:hover{color:#1f6feb;background:#f5f9ff;border-color:#b9cff5}.tableFooter{color:#8793a2;background:#fafbfd;justify-content:space-between;padding:13px 18px;font-size:13px;display:flex}.emptyStudents{text-align:center;color:#8793a2!important;padding:35px!important}@media (width<=900px){.studentSummaryGrid{grid-template-columns:repeat(2,1fr)}.studentToolbar{flex-direction:column}.studentSearch{width:100%}.classFilter{width:max-content}}.brand h2{font-size:18px}.brand span{font-size:14px}.session span{font-size:13px}.session strong,.navItem span{font-size:16px}.sidebarFooter strong{font-size:15px}.sidebarFooter span{font-size:14px}.topbar h1{font-size:27px}.topbar p,.profile strong{font-size:15px}.profile span,.todayLabel{font-size:14px}.dateRow strong{font-size:16px}.primaryButton{padding:11px 17px;font-size:15px}.statCard>span{font-size:15px}.statCard h2{font-size:31px}.statCard p{font-size:14px}.panelHeader h3{font-size:18px}.panelHeader p,.textButton{font-size:14px}.attendanceCircle strong{font-size:23px}.attendanceCircle span{font-size:14px}.attendanceNumbers strong{font-size:18px}.attendanceNumbers small,.attendanceMessage,.attendanceMessage button,.feeAmount span{font-size:14px}.feeAmount strong{font-size:29px}.feeBreakdown span{font-size:14px}.feeBreakdown strong{font-size:16px}.outlineButton{font-size:14px}.announcement strong,.event>div:last-child>strong{font-size:15px}.announcement p,.announcement span,.event p{font-size:14px}.studentPageHeader h2{font-size:27px}.studentPageHeader p{font-size:15px}.studentSummaryGrid span{font-size:14px}.studentSummaryGrid strong{font-size:25px}.studentSearch input,.classFilter select{font-size:15px}.studentTable th{font-size:14px}.studentTable td,.studentNameCell strong{font-size:15px}.studentNameCell span,.studentAvatar{font-size:14px}.activeBadge{font-size:13px}.tableFooter{font-size:14px}.modalOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999!important;box-sizing:border-box!important;background:#0f172a9e!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;padding:24px!important;display:flex!important;position:fixed!important;inset:0!important}.studentModal{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;width:760px!important;max-width:calc(100vw - 48px)!important;max-height:calc(100vh - 48px)!important;margin:0!important;padding:0!important;position:relative!important;overflow-y:auto!important;box-shadow:0 25px 60px #00000047,0 4px 15px #00000014!important}.modalHeader{background:#fff!important;border-bottom:1px solid #e5e7eb!important;justify-content:space-between!important;align-items:flex-start!important;padding:24px 28px 20px!important;display:flex!important}.modalHeader h2{color:#0f172a!important;margin:4px 0 5px!important;font-size:26px!important;line-height:1.2!important}.modalHeader p{color:#64748b!important;margin:0!important;font-size:15px!important}.modalClose{color:#475569!important;cursor:pointer!important;background:#fff!important;border:1px solid #dbe2ea!important;border-radius:9px!important;flex:none!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;padding:0!important;display:flex!important}.modalBody{background:#fff!important;padding:24px 28px 28px!important;display:block!important}.formSectionTitle{color:#1e293b!important;align-items:center!important;gap:8px!important;margin:0 0 16px!important;font-size:16px!important;font-weight:700!important;display:flex!important}.formSectionTitle svg{color:#2563eb!important}.secondSection{margin-top:26px!important}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 20px!important;display:grid!important}.formGrid label,.fullWidthField{flex-direction:column!important;gap:7px!important;margin:0!important;display:flex!important}.formGrid label>span,.fullWidthField>span{color:#475569!important;font-size:15px!important;font-weight:600!important;display:block!important}.formGrid input,.formGrid select,.fullWidthField textarea{box-sizing:border-box!important;color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:9px!important;outline:none!important;width:100%!important;margin:0!important;font-family:inherit!important;font-size:15px!important}.formGrid input,.formGrid select{height:45px!important;padding:0 12px!important}.fullWidthField textarea{resize:vertical!important;min-height:90px!important;padding:12px!important}.formGrid input:focus,.formGrid select:focus,.fullWidthField textarea:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1a!important}.modalFooter{background:#f8fafc!important;border-top:1px solid #e5e7eb!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;padding:17px 28px!important;display:flex!important}.cancelButton,.saveButton{cursor:pointer!important;border-radius:9px!important;justify-content:center!important;align-items:center!important;gap:7px!important;width:auto!important;min-width:110px!important;height:43px!important;padding:0 17px!important;font-size:15px!important;font-weight:700!important;display:inline-flex!important}.cancelButton{color:#475569!important;background:#fff!important;border:1px solid #cbd5e1!important}.saveButton{color:#fff!important;background:#2563eb!important;border:1px solid #2563eb!important}.studentProfileModal{width:680px!important}.studentProfileHero{background:#f5f9ff!important;border-bottom:1px solid #e5e7eb!important;align-items:center!important;gap:18px!important;padding:24px 28px!important;display:flex!important}.largeStudentAvatar{color:#2563eb!important;background:#dbeafe!important;border-radius:50%!important;flex:0 0 68px!important;justify-content:center!important;align-items:center!important;width:68px!important;height:68px!important;font-size:20px!important;font-weight:800!important;display:flex!important}.profileDetails{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important;padding:24px 28px!important;display:grid!important}.profileItem{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:9px!important;padding:14px!important}.profileItem span{color:#64748b!important;margin-bottom:5px!important;font-size:14px!important;display:block!important}.profileItem strong{color:#1e293b!important;font-size:16px!important;display:block!important}@media (width<=700px){.modalOverlay{padding:10px!important}.studentModal{width:100%!important;max-width:100%!important;max-height:calc(100vh - 20px)!important}.formGrid,.profileDetails{grid-template-columns:1fr!important}.modalHeader,.modalBody,.modalFooter{padding-left:18px!important;padding-right:18px!important}}.attendancePage{max-width:1500px;margin:0 auto;padding:30px 32px 45px!important}.attendancePageHeader{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.attendancePageHeader .todayLabel{letter-spacing:1.1px;color:#718096;margin-bottom:8px;font-weight:800;display:block;font-size:14px!important}.attendancePageHeader h2{color:#10233f;line-height:1.2;margin:0 0 7px!important;font-size:27px!important}.attendancePageHeader p{color:#64748b;margin:0;font-size:16px!important}.attendanceHeaderActions{flex-shrink:0;align-items:center;gap:12px;display:flex}.attendanceHeaderActions button{cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:43px;display:inline-flex;border-radius:9px!important;padding:0 17px!important;font-size:15px!important;font-weight:700!important}.attendanceSecondaryButton{color:#1e3a5f!important;background:#fff!important;border:1px solid #d8e1ec!important}.attendanceSecondaryButton:hover{background:#f8fafc!important}.attendancePage .primaryButton{box-shadow:0 5px 12px #2563eb2e;color:#fff!important;background:#2563eb!important;border:1px solid #2563eb!important}.attendanceControls{background:#fff;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:minmax(210px,1fr) minmax(210px,1fr) minmax(160px,.7fr);gap:20px;margin-bottom:20px;padding:19px 21px;display:grid;box-shadow:0 2px 8px #0f172a09}.attendanceControls label{flex-direction:column;gap:8px;display:flex}.attendanceControls label>span,.attendanceClassInfo>span{color:#64748b;font-weight:700;font-size:14px!important}.attendanceControls select{color:#172b4d;background:#fff;border:1px solid #d8e1ec;border-radius:8px;outline:none;width:100%;height:43px;padding:0 12px;font-size:15px!important}.attendanceControls select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.attendanceDateInput{background:#fff;border:1px solid #d8e1ec;border-radius:8px;align-items:center;gap:9px;height:43px;padding:0 12px;display:flex}.attendanceDateInput svg{color:#64748b;flex-shrink:0}.attendanceDateInput input{color:#172b4d;width:100%;height:39px;background:0 0!important;border:0!important;outline:0!important;padding:0!important;font-size:15px!important}.attendanceClassInfo{background:#f7faff;border:1px solid #e0e9f7;border-radius:10px;flex-direction:column;justify-content:center;gap:4px;min-height:70px;padding:12px 16px;display:flex}.attendanceClassInfo strong{color:#1d4ed8;font-size:20px!important}.attendanceSummaryGrid{grid-template-columns:repeat(4,minmax(145px,1fr)) minmax(210px,1.35fr);gap:14px;margin-bottom:20px;display:grid}.attendanceSummaryCard{background:#fff;border:1px solid #e2e8f0;border-radius:13px;align-items:center;gap:13px;min-height:96px;padding:17px;display:flex;box-shadow:0 2px 7px #0f172a09}.attendanceSummaryIcon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.attendanceSummaryIcon.total{color:#2563eb;background:#eff6ff}.attendanceSummaryIcon.present{color:#15803d;background:#f0fdf4}.attendanceSummaryIcon.absent{color:#dc2626;background:#fef2f2}.attendanceSummaryIcon.pending{color:#b45309;background:#fffbeb}.attendanceSummaryCard span{color:#718096;margin-bottom:4px;font-weight:700;display:block;font-size:14px!important}.attendanceSummaryCard strong{color:#172b4d;line-height:1.1;display:block;font-size:25px!important}.percentageCard{display:block}.percentageCard>div:first-child{justify-content:space-between;align-items:center;display:flex}.percentageCard>div:first-child strong{color:#2563eb}.attendanceRateTrack{background:#e8eef7;border-radius:20px;width:100%;height:8px;margin-top:15px;overflow:hidden}.attendanceRateFill{border-radius:inherit;background:#2563eb;height:100%;transition:width .25s}.attendanceNotice{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:10px;min-height:54px;margin-bottom:20px;padding:11px 15px;font-weight:600;display:flex;font-size:15px!important}.attendanceNotice>span{flex:1}.attendanceNotice button{color:#fff;cursor:pointer;background:#15803d;border:0;border-radius:7px;align-items:center;gap:7px;min-height:36px;padding:0 13px;font-weight:700;display:inline-flex;font-size:14px!important}.attendanceTablePanel{overflow:hidden;box-shadow:0 2px 8px #0f172a09;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important}.attendanceTableToolbar{border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:center;gap:20px;padding:20px 21px;display:flex}.attendanceTableToolbar h3{color:#172b4d;margin:0 0 5px!important;font-size:18px!important}.attendanceTableToolbar p{color:#718096;margin:0;font-size:14px!important}.attendanceSearch{background:#fff;border:1px solid #d8e1ec;border-radius:8px;align-items:center;gap:8px;width:270px;height:41px;padding:0 11px;display:flex}.attendanceSearch svg{color:#94a3b8;flex-shrink:0}.attendanceSearch input{color:#172b4d;width:100%;background:0 0!important;border:0!important;outline:0!important;padding:0!important;font-size:15px!important}.attendanceTableWrap{width:100%;overflow-x:auto}.attendanceTable{border-collapse:collapse;width:100%;min-width:920px}.attendanceTable th{text-align:left;white-space:nowrap;color:#64748b;letter-spacing:.15px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:13px 15px!important;font-size:14px!important;font-weight:800!important}.attendanceTable td{color:#334155;vertical-align:middle;border-bottom:1px solid #edf1f5;padding:14px 15px!important;font-size:15px!important}.attendanceTable tbody tr:hover{background:#fbfdff}.attendanceStudentCell{white-space:nowrap;align-items:center;gap:10px;display:flex}.attendanceStudentCell>strong{color:#172b4d;font-size:15px!important}.attendanceStudentAvatar{color:#2563eb;background:#eaf2ff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-weight:800;display:flex;font-size:13px!important}.attendanceParent{white-space:nowrap;flex-direction:column;gap:3px;display:flex}.attendanceParent strong{color:#334155;font-size:14px!important}.attendanceParent span{color:#94a3b8;font-size:14px!important}.attendanceStatus{white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;min-width:88px;padding:6px 10px;font-weight:800;display:inline-flex;font-size:14px!important}.attendanceStatus.present{color:#15803d;background:#dcfce7}.attendanceStatus.absent{color:#b91c1c;background:#fee2e2}.attendanceStatus.notMarked{color:#92400e;background:#fef3c7}.attendanceMarkButtons{white-space:nowrap;gap:7px;display:flex}.attendanceMarkButtons button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #dce3ec;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-height:35px;padding:0 11px;font-weight:700;display:inline-flex;font-size:14px!important}.attendanceMarkButtons button:hover{background:#f8fafc}.attendanceMarkButtons .presentSelected{color:#15803d!important;background:#dcfce7!important;border-color:#86efac!important}.attendanceMarkButtons .absentSelected{color:#b91c1c!important;background:#fee2e2!important;border-color:#fca5a5!important}.attendanceEmpty{text-align:center!important;color:#94a3b8!important;padding:35px!important}.attendanceTableFooter{color:#718096;background:#fafcff;justify-content:space-between;align-items:center;gap:15px;min-height:50px;padding:0 20px;font-weight:600;display:flex;font-size:14px!important}@media (width<=1200px){.attendanceSummaryGrid{grid-template-columns:repeat(2,1fr)}.percentageCard{grid-column:span 2}}@media (width<=900px){.attendancePage{padding:22px 18px 35px!important}.attendancePageHeader{flex-direction:column;align-items:flex-start}.attendanceControls{grid-template-columns:1fr}.attendanceTableToolbar{flex-direction:column;align-items:flex-start}.attendanceSearch{width:100%}}@media (width<=650px){.attendanceHeaderActions{flex-direction:column;width:100%}.attendanceHeaderActions button{width:100%}.attendanceSummaryGrid{grid-template-columns:1fr}.percentageCard{grid-column:auto}.attendanceTableFooter{flex-direction:column;align-items:flex-start;padding:12px 16px}}.sidebar{padding-left:22px!important;padding-right:22px!important}.sidebar .brand{padding-left:4px!important;padding-right:4px!important}.sidebar .session{margin-left:0!important;margin-right:0!important}.sidebar nav{width:100%}.sidebar .navItem{gap:13px!important;padding-left:15px!important;padding-right:15px!important}.sidebar .navItem svg{flex:none}.sidebar .navItem span{line-height:1.35}.sidebar .sidebarFooter{padding-left:5px!important;padding-right:5px!important}@media (width<=760px){.sidebar{padding-left:10px!important;padding-right:10px!important}.sidebar .navItem{padding-left:0!important;padding-right:0!important}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{min-width:0}.erp{width:100%;min-width:0;overflow-x:hidden}.sidebar{height:100dvh;min-height:100dvh;overflow:hidden auto;width:72px!important;min-width:72px!important;padding:16px 9px 14px!important}.sidebar .brand{justify-content:center;padding:0 0 16px!important}.sidebar .brandLogo{border-radius:13px;flex:0 0 44px;width:44px;height:44px}.sidebar .brand>div:last-child,.sidebar .session,.sidebar .navItem span,.sidebar .sidebarFooter>div:last-child{display:none!important}.sidebar nav{flex-direction:column;align-items:stretch;gap:7px;width:100%;display:flex}.sidebar .navItem{border-radius:13px;width:100%;min-height:48px;justify-content:center!important;gap:0!important;padding:0!important}.sidebar .navItem svg{width:21px;height:21px}.sidebar .sidebarFooter{margin-top:auto;justify-content:center!important;padding:12px 0 0!important}.sidebar .principalAvatar{flex:0 0 42px;width:42px;height:42px}.main{overflow-x:hidden;width:calc(100% - 72px)!important;min-width:0!important;max-width:calc(100% - 72px)!important;margin-left:72px!important}.topbar{width:100%;display:block;position:sticky;top:0;height:auto!important;min-height:0!important;padding:14px 14px 12px!important}.topbar>div:first-child{min-width:0}.topbar h1{overflow-wrap:anywhere;line-height:1.12;font-size:23px!important}.topbar p{display:none!important}.topActions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-top:11px;gap:8px!important;display:grid!important}.topActions .outlineButton{white-space:normal;line-height:1.2;border-radius:10px!important;width:100%!important;min-width:0!important;min-height:38px!important;padding:7px 8px!important;font-size:14px!important}.topActions .iconButton,.topActions .profile{display:none!important}.content{width:100%;min-width:0;padding:16px 13px 28px!important}.dateRow{flex-direction:column;width:100%;min-width:0;align-items:flex-start!important;gap:14px!important}.dateRow>div{min-width:0}.dateRow strong{overflow-wrap:anywhere}.dateRow .primaryButton,.dateRow button{width:100%;min-width:0}.statsGrid,.dashboardGrid{width:100%;min-width:0;grid-template-columns:1fr!important}.statCard,.panel{width:100%;min-width:0}.statCard h2,.statCard p,.panel h3,.panel p{overflow-wrap:anywhere}.panelHeader{align-items:flex-start;gap:10px;min-width:0}.attendanceContent{flex-direction:column;min-width:0}.attendanceNumbers{width:100%;min-width:0}.feeBreakdown{min-width:0}.announcement,.event{align-items:flex-start;min-width:0}.announcement>div:last-child,.event>div:last-child{min-width:0}.studentsPage,.attendancePage{width:100%;min-width:0;padding-left:13px!important;padding-right:13px!important}.studentsTableWrap,.attendanceTableWrap,.tableWrap{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.modalOverlay{padding:12px}.modal,.studentModal{width:100%;max-width:100%;max-height:92dvh;overflow-y:auto}}@media (width<=390px){.sidebar{width:66px!important;min-width:66px!important;padding-left:7px!important;padding-right:7px!important}.main{width:calc(100% - 66px)!important;max-width:calc(100% - 66px)!important;margin-left:66px!important}.topbar{padding-left:11px!important;padding-right:11px!important}.topbar h1{font-size:21px!important}.content{padding-left:10px!important;padding-right:10px!important}}.studentModal.profileModal .modalBody{padding:0!important}.studentModal.profileModal .profileTop{box-sizing:border-box!important;background:#fbfdff!important;border-bottom:1px solid #edf1f5!important;align-items:stretch!important;gap:24px!important;height:150px!important;min-height:150px!important;padding:0 22px!important;display:flex!important;overflow:hidden!important}.studentModal.profileModal .profileLargeAvatar{width:150px!important;height:auto!important;min-height:0!important;box-shadow:none!important;color:#1d4ed8!important;background:#dbeafe!important;border:0!important;border-radius:0!important;flex:0 0 150px!important;justify-content:center!important;align-self:stretch!important;align-items:center!important;margin:0!important;font-size:32px!important;font-weight:800!important;display:flex!important;overflow:hidden!important}.studentModal.profileModal .profileLargeAvatar img{object-fit:cover!important;border-radius:0!important;width:100%!important;height:100%!important;display:block!important}.studentModal.profileModal .profileTop>div:last-child{align-self:center!important}.studentModal.profileModal .profileTop h3{color:#0f172a!important;margin:0!important;font-size:21px!important}.studentModal.profileModal .profileTop p{color:#64748b!important;margin:5px 0 10px!important;font-size:15px!important}.studentModal.profileModal .profileGrid{box-sizing:border-box!important;padding:22px!important}@media (width<=700px){.studentModal.profileModal .modalBody{padding-left:0!important;padding-right:0!important}.studentModal.profileModal .profileTop{align-items:stretch!important;gap:14px!important;height:122px!important;min-height:122px!important;padding:0 14px!important}.studentModal.profileModal .profileLargeAvatar{border-radius:0!important;flex:0 0 122px!important;width:122px!important;height:auto!important}.studentModal.profileModal .profileGrid{padding:18px!important}}.studentModal.profileModal .modalHeader{align-items:flex-start!important;gap:20px!important;padding:20px 22px!important}.studentModal.profileModal .modalHeader>div>span{letter-spacing:.08em!important;color:#64748b!important;margin-bottom:4px!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;display:block!important}.studentModal.profileModal .modalHeader h2{color:#0f172a!important;margin:0!important;font-size:20px!important;font-weight:800!important;line-height:1.2!important}.studentModal.profileModal .modalHeader button{color:#64748b!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:9px!important;flex:0 0 36px!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;padding:0!important;display:flex!important}.studentModal.profileModal .profileLargeAvatar img{object-position:center 32%!important}.teacherAttendancePage{font-size:15px}.teacherAttendanceHeader{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.teacherAttendanceHeader h2{margin:4px 0 6px;font-size:26px}.teacherAttendanceHeader p{margin:0;font-size:15px}.teacherAttendanceViewTabs{background:#fff;border:1px solid #dbe2ea;border-radius:14px;gap:6px;padding:5px;display:inline-flex}.teacherAttendanceViewTabs button{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:40px;padding:0 15px;font-size:14px;font-weight:750}.teacherAttendanceViewTabs button.active{color:#3730a3;background:#eef2ff}.teacherAttendanceDailyActions,.teacherAttendanceHeaderActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:18px;display:flex}.teacherAttendanceDate{background:#fff;border:1px solid #d8dee9;border-radius:12px;align-items:center;gap:8px;min-height:42px;padding:0 12px;display:flex}.teacherAttendanceDate input{font:inherit;background:0 0;border:0;outline:0}.teacherAttendanceSummary{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.teacherAttendanceSummary>div{background:#fff;border:1px solid #e5e9f0;border-radius:16px;padding:16px;box-shadow:0 8px 24px #0f172a0d}.teacherAttendanceSummary span{color:#64748b;margin-bottom:5px;font-size:14px;display:block}.teacherAttendanceSummary strong{color:#0f172a;font-size:25px}.teacherAttendanceNotice{border-radius:12px;align-items:center;gap:9px;margin-bottom:16px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.teacherAttendanceNotice.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.teacherAttendanceNotice.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.teacherAttendancePanel{margin-bottom:18px;overflow:hidden}.teacherAttendanceToolbar{justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.teacherAttendanceToolbar h3{margin:0 0 4px;font-size:19px}.teacherAttendanceToolbar p{color:#64748b;margin:0;font-size:14px}.teacherAttendanceSearch{background:#fff;border:1px solid #dbe2ea;border-radius:12px;align-items:center;gap:8px;width:min(360px,100%);padding:0 12px;display:flex}.teacherAttendanceSearch input{width:100%;min-height:42px;font:inherit;background:0 0;border:0;outline:0}.teacherAttendanceTableWrap{overflow-x:auto}.teacherAttendanceTable{border-collapse:collapse;width:100%;min-width:760px}.teacherAttendanceTable th,.teacherAttendanceTable td{text-align:left;border-top:1px solid #edf0f4;padding:14px 16px;font-size:14px}.teacherAttendanceTable th{color:#475569;background:#f8fafc;font-weight:700}.teacherAttendanceTeacher{align-items:center;gap:10px;display:flex}.teacherAttendanceTeacher>div{color:#4338ca;background:#eef2ff;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.teacherAttendanceTeacher>span{flex-direction:column;gap:2px;display:flex}.teacherAttendanceTeacher small{color:#64748b;font-size:13px}.teacherAttendanceButtons{flex-wrap:wrap;gap:7px;display:flex}.teacherAttendanceButtons button{cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:9px;min-height:36px;padding:0 11px;font-weight:700}.teacherAttendanceButtons .isPresent{color:#047857;background:#ecfdf5;border-color:#6ee7b7}.teacherAttendanceButtons .isAbsent{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.teacherAttendanceButtons .isLeave{color:#c2410c;background:#fff7ed;border-color:#fdba74}.teacherAttendanceEmpty,.teacherAttendanceLoading{text-align:center;color:#64748b;padding:22px;font-size:14px}.teacherAttendanceLoading{justify-content:center;align-items:center;gap:8px;display:flex}.teacherMonthlyToolbar{background:#fff;border:1px solid #e5e9f0;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:16px;display:flex}.teacherMonthlyToolbar>div:last-child{text-align:right;flex-direction:column;gap:3px;display:flex}.teacherMonthlyToolbar>div:last-child strong{color:#0f172a;font-size:17px}.teacherMonthlyToolbar>div:last-child span{color:#64748b;font-size:13px}.teacherMonthNavigator{align-items:center;gap:8px;display:flex}.teacherMonthNavigator>button,.teacherMonthNavigator label{background:#fff;border:1px solid #dbe2ea;border-radius:11px;min-height:42px}.teacherMonthNavigator>button{cursor:pointer;place-items:center;width:42px;display:grid}.teacherMonthNavigator label{align-items:center;gap:8px;padding:0 12px;display:flex}.teacherMonthNavigator input{font:inherit;background:0 0;border:0;outline:0}.teacherMonthlyIdentity{flex-direction:column;gap:3px;display:flex}.teacherMonthlyIdentity span{color:#64748b;font-size:13px}.monthlyCount{border-radius:999px;place-items:center;min-width:34px;min-height:30px;padding:0 9px;font-weight:800;display:inline-grid}.monthlyCount.present{color:#047857;background:#ecfdf5}.monthlyCount.absent{color:#b91c1c;background:#fef2f2}.monthlyCount.leave{color:#c2410c;background:#fff7ed}.monthlyCount.unmarked{color:#475569;background:#f1f5f9}.teacherDateWiseTable{min-width:max-content}.teacherDateWiseTable th,.teacherDateWiseTable td{text-align:center;min-width:64px}.teacherDateWiseTable .stickyTeacherColumn{z-index:2;text-align:left;background:#fff;min-width:190px;max-width:220px;position:sticky;left:0;box-shadow:8px 0 10px -10px #0f172a59}.teacherDateWiseTable thead .stickyTeacherColumn{z-index:3;background:#f8fafc}.teacherDateStatus{border-radius:8px;place-items:center;width:30px;height:30px;font-size:13px;font-weight:850;display:inline-grid}.teacherDateStatus.present{color:#166534;background:#dcfce7}.teacherDateStatus.absent{color:#991b1b;background:#fee2e2}.teacherDateStatus.leave{color:#9a3412;background:#ffedd5}.teacherDateStatus.unmarked{color:#64748b;background:#f1f5f9}.teacherAttendanceDashboardPanel{flex-direction:column;display:flex}.teacherAttendanceDashboardNumbers{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:8px 0 18px;display:grid}.teacherAttendanceDashboardNumbers>div{background:#fafcff;border:1px solid #e7ebf0;border-radius:13px;min-width:0;padding:13px}.teacherAttendanceDashboardNumbers span{color:#64748b;margin:7px 0 3px;font-size:13px;display:block}.teacherAttendanceDashboardNumbers strong{color:#0f172a;font-size:22px}.teacherAttendanceDashboardFooter{border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;font-size:14px;display:flex}.teacherAttendanceDashboardFooter button{color:#2563eb;cursor:pointer;background:0 0;border:0;font-weight:700}@media (width<=900px){.teacherAttendanceHeader,.teacherMonthlyToolbar{flex-direction:column;align-items:stretch}.teacherAttendanceViewTabs{width:100%}.teacherAttendanceViewTabs button{flex:1}.teacherAttendanceDailyActions{justify-content:flex-start}.teacherAttendanceSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.teacherAttendanceToolbar{flex-direction:column;align-items:stretch}.teacherAttendanceSearch{width:100%}.teacherMonthlyToolbar>div:last-child{text-align:left}.teacherAttendanceDashboardNumbers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.teacherAttendanceSummary{grid-template-columns:1fr}.teacherAttendanceDailyActions,.teacherAttendanceDailyActions>*{width:100%}.teacherAttendanceDate input{flex:1}.teacherMonthNavigator{width:100%}.teacherMonthNavigator label{flex:1}.teacherMonthNavigator input{width:100%}}.feesPage{max-width:1500px;margin:0 auto;padding:30px 32px 45px}.feesPageHeader{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.feesPageHeader h2{color:#10233f;margin:0 0 7px;font-size:27px;line-height:1.2}.feesPageHeader p{color:#64748b;margin:0;font-size:16px}.feesPrimaryButton{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 17px;font-size:15px;font-weight:700;display:inline-flex;box-shadow:0 5px 12px #2563eb2e}.feesPrimaryButton:hover{background:#1d4ed8;border-color:#1d4ed8}.feeSummaryGrid{grid-template-columns:repeat(4,minmax(190px,1fr));gap:16px;margin-bottom:20px;display:grid}.feeSummaryCard{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:flex-start;gap:14px;min-height:115px;padding:19px;display:flex;box-shadow:0 2px 8px #0f172a09}.feeSummaryIcon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.feeSummaryIcon.blue{color:#2563eb;background:#eff6ff}.feeSummaryIcon.green{color:#15803d;background:#f0fdf4}.feeSummaryIcon.orange{color:#c2410c;background:#fff7ed}.feeSummaryIcon.red{color:#dc2626;background:#fef2f2}.feeSummaryCard>div:last-child{min-width:0}.feeSummaryCard span{color:#64748b;margin-bottom:5px;font-size:14px;font-weight:700;display:block}.feeSummaryCard strong{color:#172b4d;font-size:25px;line-height:1.15;display:block}.feeSummaryCard p{color:#94a3b8;margin:7px 0 0;font-size:14px;line-height:1.4}.feesTablePanel{overflow:hidden;box-shadow:0 2px 8px #0f172a09;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important}.feesToolbar{border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:center;gap:20px;min-height:83px;padding:18px 21px;display:flex}.feesToolbar h3{color:#172b4d;margin:0 0 5px;font-size:18px}.feesToolbar p{color:#718096;margin:0;font-size:14px}.feesFilters{align-items:center;gap:10px;display:flex}.feesSearch{background:#fff;border:1px solid #d8e1ec;border-radius:8px;align-items:center;gap:8px;width:280px;height:42px;padding:0 12px;display:flex}.feesSearch svg{color:#94a3b8;flex-shrink:0}.feesSearch input{color:#172b4d;background:0 0;border:0;outline:0;width:100%;padding:0;font-size:15px}.feesSearch input::placeholder{color:#94a3b8}.feesFilters select{color:#334155;background:#fff;border:1px solid #d8e1ec;border-radius:8px;outline:0;min-width:145px;height:42px;padding:0 11px;font-size:15px}.feesFilters select:focus,.feesSearch:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.feesTableWrap{width:100%;overflow-x:auto}.feesTable{border-collapse:collapse;width:100%;min-width:1000px}.feesTable th{color:#64748b;text-align:left;white-space:nowrap;letter-spacing:.15px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:13px 15px;font-size:14px;font-weight:800}.feesTable td{color:#334155;vertical-align:middle;border-bottom:1px solid #edf1f5;padding:14px 15px;font-size:15px}.feesTable tbody tr:hover{background:#fbfdff}.feeStudent{align-items:center;gap:10px;min-width:180px;display:flex}.feeAvatar{color:#2563eb;background:#eaf2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex}.feeStudent>div:last-child{flex-direction:column;gap:3px;display:flex}.feeStudent strong{color:#172b4d;white-space:nowrap;font-size:15px}.feeStudent span{color:#94a3b8;white-space:nowrap;font-size:14px}.feePaid{font-weight:700;color:#15803d!important}.feeDue{font-weight:700;color:#dc2626!important}.feeStatus{white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;min-width:75px;padding:6px 10px;font-size:14px;font-weight:800;display:inline-flex}.feeStatus.paid{color:#15803d;background:#dcfce7}.feeStatus.partial{color:#92400e;background:#fef3c7}.feeStatus.unpaid{color:#b91c1c;background:#fee2e2}.feeActions{white-space:nowrap;align-items:center;gap:7px;display:flex}.feeActions>button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #dce3ec;border-radius:7px;justify-content:center;align-items:center;min-height:35px;display:inline-flex}.feeActions>button:first-child{width:36px;padding:0}.feeActions>button:first-child:hover{color:#2563eb;background:#f8fafc}.feeActions .collectButton{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe;gap:6px;width:auto;padding:0 11px;font-size:14px;font-weight:800}.feeActions .collectButton:hover{background:#dbeafe}.feesEmpty{color:#94a3b8!important;text-align:center!important;padding:35px!important}.feesTableFooter{color:#718096;background:#fafcff;justify-content:space-between;align-items:center;gap:15px;min-height:52px;padding:0 20px;font-size:14px;display:flex}.feesTableFooter strong{color:#b45309;font-size:14px}.feeModalOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100000!important;background:#0f172a94!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;padding:25px!important;display:flex!important;position:fixed!important;inset:0!important}.feeModal{background:#fff;border-radius:16px;width:min(620px,94vw);max-height:90vh;overflow-y:auto;box-shadow:0 25px 70px #0f172a47}.feeModalHeader{border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:center;gap:20px;min-height:85px;padding:20px 23px;display:flex}.feeModalHeader span{color:#64748b;letter-spacing:1px;margin-bottom:5px;font-size:13px;font-weight:800;display:block}.feeModalHeader h3{color:#172b4d;margin:0;font-size:21px}.feeCloseButton{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex}.feeCloseButton:hover{color:#172b4d;background:#f8fafc}.feeModalBody{padding:23px}.feePaymentInfo{background:#f8fafc;border:1px solid #e2e8f0;border-radius:11px;grid-template-columns:repeat(2,1fr);gap:17px;margin-bottom:22px;padding:16px;display:grid}.feePaymentInfo>div{flex-direction:column;gap:4px;display:flex}.feePaymentInfo span{color:#718096;font-size:14px;font-weight:600}.feePaymentInfo strong{color:#172b4d;font-size:16px}.feeField{flex-direction:column;gap:8px;margin-top:18px;display:flex}.feeField>span{color:#475569;font-size:14px;font-weight:700}.feeAmountInput{border:1px solid #d8e1ec;border-radius:8px;align-items:center;gap:7px;height:45px;padding:0 12px;display:flex}.feeAmountInput svg{color:#64748b}.feeAmountInput input{color:#172b4d;background:0 0;border:0;outline:0;width:100%;height:41px;padding:0;font-size:16px}.feeField select{color:#172b4d;background:#fff;border:1px solid #d8e1ec;border-radius:8px;outline:0;width:100%;height:45px;padding:0 12px;font-size:15px}.feeAmountInput:focus-within,.feeField select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.feePaymentNote{color:#1e40af;background:#eff6ff;border:1px solid #dbeafe;border-radius:9px;align-items:flex-start;gap:9px;margin-top:20px;padding:13px 14px;font-size:14px;line-height:1.5;display:flex}.feePaymentNote svg{flex-shrink:0;margin-top:1px}.feeModalFooter{background:#fbfdff;border-top:1px solid #e8edf4;justify-content:flex-end;align-items:center;gap:10px;min-height:70px;padding:13px 23px;display:flex}.feeCancelButton{color:#475569;cursor:pointer;background:#fff;border:1px solid #d8e1ec;border-radius:8px;min-height:42px;padding:0 17px;font-size:15px;font-weight:700}.feeReceiptSuccess{text-align:center;padding:38px 28px}.feeSuccessIcon{color:#15803d;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 17px;display:flex}.feeReceiptSuccess>span{color:#15803d;letter-spacing:1.2px;margin-bottom:7px;font-size:13px;font-weight:900;display:block}.feeReceiptSuccess h3{color:#172b4d;margin:0 0 10px;font-size:23px}.feeReceiptSuccess p{color:#64748b;max-width:430px;margin:0 auto;font-size:15px;line-height:1.6}.feeReceiptNumber{background:#f8fbff;border:1px dashed #bfdbfe;border-radius:9px;max-width:310px;margin:22px auto;padding:14px}.feeReceiptNumber span{color:#718096;margin-bottom:5px;font-size:14px;display:block}.feeReceiptNumber strong{color:#1d4ed8;font-size:18px}.feeDetailsModal{width:min(680px,94vw)}.feeDetailsStudent{align-items:center;gap:14px;margin-bottom:22px;display:flex}.feeLargeAvatar{color:#2563eb;background:#eaf2ff;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:17px;font-weight:800;display:flex}.feeDetailsStudent h3{color:#172b4d;margin:0 0 5px;font-size:19px}.feeDetailsStudent p{color:#718096;margin:0;font-size:14px}.feeDetailsGrid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.feeDetailsGrid>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;flex-direction:column;justify-content:center;gap:5px;min-height:79px;padding:14px;display:flex}.feeDetailsGrid span{color:#718096;font-size:14px;font-weight:600}.feeDetailsGrid strong{color:#172b4d;font-size:16px}.feeHistory{padding-top:4px}.feeHistory h4{color:#172b4d;margin:0 0 13px;font-size:16px}.feeHistoryRow{border:1px solid #e2e8f0;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.feeHistoryIcon{color:#15803d;background:#f0fdf4;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.feeHistoryRow>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.feeHistoryRow>div:nth-child(2) strong{color:#334155;font-size:14px}.feeHistoryRow>div:nth-child(2) span{color:#94a3b8;font-size:14px}.feeHistoryRow>strong{color:#15803d;font-size:15px}.feeNoPayment{color:#94a3b8;text-align:center;border:1px dashed #e2e8f0;border-radius:9px;padding:17px;font-size:14px}@media (width<=1150px){.feeSummaryGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.feesPage{padding:22px 18px 35px}.feesPageHeader,.feesToolbar{flex-direction:column;align-items:flex-start}.feesFilters{width:100%}.feesSearch{flex:1}}@media (width<=650px){.feeSummaryGrid{grid-template-columns:1fr}.feesPrimaryButton{width:100%}.feesFilters{flex-direction:column}.feesSearch,.feesFilters select{width:100%}.feesTableFooter{flex-direction:column;align-items:flex-start;padding:12px 16px}.feePaymentInfo,.feeDetailsGrid{grid-template-columns:1fr}.feeModalOverlay{padding:12px!important}.feeModalBody{padding:18px}}.feeReferenceInput{color:#172b4d;background:#fff;border:1px solid #d8e1ec;border-radius:8px;outline:0;width:100%;min-height:45px;padding:0 12px;font-size:15px}.feeReferenceInput:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.feeReceiptSuccess{background:radial-gradient(circle at 12% 0,#10b9811a,#0000 28%),radial-gradient(circle at 92% 5%,#6366f117,#0000 25%),#fff}.feeReceiptNumber{background:linear-gradient(135deg,#eff6ff,#f5f3ff);border-color:#a5b4fc}@media print{body *{visibility:hidden!important}.feeModal,.feeModal *{visibility:visible!important}.feeModal{width:100%!important;max-height:none!important;box-shadow:none!important;border-radius:0!important;position:absolute!important;inset:0 auto auto 0!important;overflow:visible!important}.feeModalOverlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;padding:0!important;position:static!important}.feeModalFooter,.feeCloseButton{display:none!important}.feeReceiptSuccess{background:#fff!important;padding:28px!important}}.announcementsPage{flex-direction:column;gap:22px;display:flex}.announcementPageHeader{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.announcementPageHeader h2{color:#172b4d;margin:5px 0;font-size:27px;font-weight:750;line-height:1.2}.announcementPageHeader p{color:#64748b;margin:0;font-size:15px;line-height:1.55}.announcementPrimaryButton{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.announcementPrimaryButton:hover{background:#1d4ed8;box-shadow:0 7px 18px #2563eb33}.announcementPrimaryButton:active{transform:translateY(1px)}.announcementSummaryGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.announcementSummaryCard{background:#fff;border:1px solid #e6ebf2;border-radius:12px;align-items:center;gap:14px;min-height:112px;padding:17px;display:flex;box-shadow:0 2px 7px #0f172a06}.announcementSummaryIcon{border-radius:11px;flex:0 0 45px;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.announcementSummaryIcon.blue{color:#2563eb;background:#eff6ff}.announcementSummaryIcon.green{color:#059669;background:#ecfdf5}.announcementSummaryIcon.orange{color:#ea580c;background:#fff7ed}.announcementSummaryIcon.red{color:#dc2626;background:#fef2f2}.announcementSummaryCard>div:last-child{min-width:0}.announcementSummaryCard span{color:#64748b;font-size:14px;font-weight:600;display:block}.announcementSummaryCard strong{color:#172b4d;margin-top:3px;font-size:26px;font-weight:750;line-height:1.15;display:block}.announcementSummaryCard p{color:#94a3b8;margin:4px 0 0;font-size:14px}.announcementPanel{overflow:hidden}.announcementToolbar{border-bottom:1px solid #e9eef5;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.announcementToolbar h3{color:#172b4d;margin:0;font-size:18px;font-weight:700}.announcementToolbar p{color:#94a3b8;margin:4px 0 0;font-size:14px}.announcementFilters{align-items:center;gap:10px;display:flex}.announcementSearch{color:#94a3b8;background:#fff;border:1px solid #dce4ee;border-radius:8px;align-items:center;gap:8px;width:255px;height:40px;padding:0 11px;display:flex}.announcementSearch:focus-within{border-color:#93b4f7;box-shadow:0 0 0 3px #2563eb14}.announcementSearch input{color:#334155;background:0 0;border:none;outline:none;width:100%;min-width:0;font-size:14px}.announcementSearch input::placeholder{color:#a0aec0}.announcementFilters select{color:#475569;cursor:pointer;background:#fff;border:1px solid #dce4ee;border-radius:8px;outline:none;min-width:145px;height:40px;padding:0 10px;font-size:14px}.announcementList{padding:6px 20px 20px}.announcementCard{background:#fff;border:1px solid #e6ebf2;border-radius:10px;margin-top:14px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden}.announcementCard:hover{border-color:#d4deeb;transform:translateY(-1px);box-shadow:0 5px 16px #0f172a0d}.announcementPriorityBar{background:#94a3b8;flex:0 0 5px;width:5px}.announcementPriorityBar.normal{background:#3b82f6}.announcementPriorityBar.important{background:#f59e0b}.announcementPriorityBar.urgent{background:#ef4444}.announcementCardMain{width:100%;min-width:0;padding:16px 17px}.announcementCardTop{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.announcementCardTop>div:first-child{min-width:0}.announcementBadges{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:8px;display:flex}.announcementPriority,.announcementAudience{border-radius:20px;justify-content:center;align-items:center;min-height:23px;padding:3px 8px;font-size:13px;font-weight:700;display:inline-flex}.announcementPriority.normal{color:#2563eb;background:#eff6ff}.announcementPriority.important{color:#c2410c;background:#fff7ed}.announcementPriority.urgent{color:#dc2626;background:#fef2f2}.announcementAudience{color:#475569;background:#f1f5f9}.announcementCard h4{color:#1e293b;margin:0;font-size:16px;font-weight:700}.announcementMessagePreview{color:#64748b;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:9px 0 12px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.announcementActions{flex-shrink:0;align-items:center;gap:6px;display:flex}.announcementActions button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.announcementActions button:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.announcementActions button:last-child:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.announcementMeta{border-top:1px solid #edf2f7;flex-wrap:wrap;align-items:center;gap:18px;padding-top:11px;display:flex}.announcementMeta span{color:#64748b;align-items:center;gap:6px;font-size:14px;display:inline-flex}.announcementMeta span:last-child{color:#059669;font-weight:650}.announcementEmpty{text-align:center;color:#94a3b8;padding:45px 20px;font-size:15px}.announcementModalOverlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a7a;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.announcementModal{background:#fff;border-radius:14px;width:min(680px,100%);max-height:92vh;overflow-y:auto;box-shadow:0 25px 70px #0f172a40}.announcementViewModal{width:min(650px,100%)}.announcementModalHeader{border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:flex-start;gap:18px;padding:19px 21px;display:flex}.announcementModalHeader span{color:#2563eb;letter-spacing:.7px;font-size:13px;font-weight:750;display:block}.announcementModalHeader h3{color:#172b4d;margin:4px 0 0;font-size:20px;font-weight:750}.announcementCloseButton{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:0 0 35px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.announcementCloseButton:hover{color:#0f172a;background:#f8fafc}.announcementModalBody{padding:20px 21px}.announcementField{margin-bottom:17px;display:block}.announcementField>span{color:#475569;margin-bottom:7px;font-size:14px;font-weight:650;display:block}.announcementField input,.announcementField textarea,.announcementField select{box-sizing:border-box;color:#334155;background:#fff;border:1px solid #d8e1ec;border-radius:8px;outline:none;width:100%;font-family:inherit;font-size:14px}.announcementField input,.announcementField select{height:42px;padding:0 12px}.announcementField textarea{resize:vertical;min-height:120px;padding:11px 12px;line-height:1.6}.announcementField input:focus,.announcementField textarea:focus,.announcementField select:focus{border-color:#93b4f7;box-shadow:0 0 0 3px #2563eb14}.announcementField small{text-align:right;color:#94a3b8;margin-top:5px;font-size:13px;display:block}.announcementFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.prioritySelector{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.prioritySelector button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #dce4ee;border-radius:8px;min-height:40px;font-size:14px;font-weight:650}.prioritySelector button:hover{background:#f8fafc}.prioritySelector button.selected.normal{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.prioritySelector button.selected.important{color:#c2410c;background:#fff7ed;border-color:#fdba74}.prioritySelector button.selected.urgent{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.announcementDeliveryBox{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;align-items:flex-start;gap:10px;margin-top:4px;padding:13px 14px;display:flex}.announcementDeliveryBox div{min-width:0}.announcementDeliveryBox strong{color:#1e40af;font-size:14px;display:block}.announcementDeliveryBox span{color:#64748b;margin-top:3px;font-size:14px;line-height:1.5;display:block}.announcementModalFooter{background:#fbfcfe;border-top:1px solid #e8edf4;justify-content:flex-end;align-items:center;gap:9px;padding:15px 21px;display:flex}.announcementCancelButton{color:#475569;cursor:pointer;background:#fff;border:1px solid #d8e1ec;border-radius:8px;min-height:40px;padding:0 15px;font-size:14px;font-weight:650}.announcementCancelButton:hover{background:#f8fafc}.announcementSuccess{text-align:center;padding:35px 26px 30px}.announcementSuccessIcon{color:#059669;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;margin:0 auto 13px;display:flex}.announcementSuccess>span{color:#059669;letter-spacing:.7px;font-size:13px;font-weight:750;display:block}.announcementSuccess h3{color:#172b4d;margin:6px 0 8px;font-size:22px}.announcementSuccess>p{color:#64748b;max-width:520px;margin:0 auto;font-size:14px;line-height:1.6}.announcementSuccessStats{border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:repeat(3,1fr);max-width:520px;margin:22px auto 15px;display:grid;overflow:hidden}.announcementSuccessStats div{background:#f8fafc;border-right:1px solid #e2e8f0;padding:13px 9px}.announcementSuccessStats div:last-child{border-right:none}.announcementSuccessStats span{color:#94a3b8;font-size:13px;display:block}.announcementSuccessStats strong{color:#334155;margin-top:3px;font-size:15px;display:block}.announcementNotificationPreview{text-align:left;color:#2563eb;background:#f8fbff;border:1px solid #dbeafe;border-radius:10px;align-items:flex-start;gap:11px;margin:16px 0 21px;padding:14px;display:flex}.announcementNotificationPreview div{min-width:0}.announcementNotificationPreview strong{color:#1e3a8a;font-size:14px;display:block}.announcementNotificationPreview span{color:#475569;margin-top:4px;font-size:14px;line-height:1.55;display:block}.announcementFullMessage{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;margin-top:12px;padding:16px;font-size:14px;line-height:1.75}.announcementDetailsGrid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:17px;display:grid}.announcementDetailsGrid div{background:#fff;border:1px solid #e6ebf2;border-radius:8px;padding:12px 13px}.announcementDetailsGrid span{color:#94a3b8;font-size:13px;display:block}.announcementDetailsGrid strong{color:#334155;margin-top:4px;font-size:14px;display:block}@media (width<=1100px){.announcementSummaryGrid{grid-template-columns:repeat(2,1fr)}.announcementToolbar{flex-direction:column;align-items:flex-start}.announcementFilters{width:100%}.announcementSearch{flex:1;width:auto}}@media (width<=700px){.announcementPageHeader{flex-direction:column}.announcementPageHeader .announcementPrimaryButton{width:100%}.announcementSummaryGrid{grid-template-columns:1fr}.announcementFilters{flex-direction:column;align-items:stretch}.announcementSearch{box-sizing:border-box;width:100%}.announcementFilters select{width:100%}.announcementCardTop{flex-direction:column}.announcementFormGrid,.prioritySelector,.announcementDetailsGrid,.announcementSuccessStats{grid-template-columns:1fr}.announcementSuccessStats div{border-bottom:1px solid #e2e8f0;border-right:none}.announcementSuccessStats div:last-child{border-bottom:none}.announcementMeta{flex-direction:column;align-items:flex-start;gap:7px}}.teachersPage{flex-direction:column;gap:22px;display:flex}.teachersPageHeader{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.teachersEyebrow{letter-spacing:.08em;color:#64748b;margin-bottom:5px;font-size:14px;font-weight:800;display:block}.teachersPageHeader h2{color:#0f172a;margin:0;font-size:25px;font-weight:800}.teachersPageHeader p{color:#64748b;margin:6px 0 0;font-size:15px;line-height:1.5}.teacherPrimaryButton,.teacherSecondaryButton{cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.teacherPrimaryButton{color:#fff;background:#2563eb;box-shadow:0 4px 10px #2563eb29}.teacherPrimaryButton:hover{background:#1d4ed8;transform:translateY(-1px)}.teacherSecondaryButton{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0}.teacherSecondaryButton:hover{background:#e2e8f0}.teacherSummaryGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.teacherSummaryCard{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:14px;min-width:0;padding:18px;display:flex;box-shadow:0 1px 3px #0f172a0a}.teacherSummaryIcon{border-radius:11px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.teacherSummaryIcon.blue{color:#2563eb;background:#eff6ff}.teacherSummaryIcon.green{color:#16a34a;background:#f0fdf4}.teacherSummaryIcon.orange{color:#ea580c;background:#fff7ed}.teacherSummaryIcon.purple{color:#7c3aed;background:#f5f3ff}.teacherSummaryCard>div:last-child{min-width:0}.teacherSummaryCard span{color:#64748b;font-size:14px;font-weight:600;display:block}.teacherSummaryCard strong{color:#0f172a;margin-top:2px;font-size:27px;font-weight:800;line-height:1.1;display:block}.teacherSummaryCard p{color:#94a3b8;margin:4px 0 0;font-size:14px}.teacherPanel{overflow:hidden}.teacherToolbar{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;padding:19px 20px;display:flex}.teacherToolbar h3{color:#0f172a;margin:0;font-size:18px;font-weight:800}.teacherToolbar p{color:#64748b;margin:4px 0 0;font-size:14px}.teacherFilters{align-items:center;gap:10px;display:flex}.teacherSearch{color:#94a3b8;background:#fff;border:1px solid #dbe2ea;border-radius:9px;align-items:center;gap:8px;width:245px;min-height:40px;padding:0 12px;display:flex}.teacherSearch:focus-within{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb14}.teacherSearch input{color:#0f172a;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:none;font-size:14px}.teacherSearch input::placeholder{color:#94a3b8}.teacherFilters select{color:#334155;background:#fff;border:1px solid #dbe2ea;border-radius:9px;outline:none;min-height:40px;padding:0 32px 0 11px;font-size:14px}.teacherFilters select:focus{border-color:#93c5fd}.teacherTableWrap{width:100%;overflow-x:auto}.teacherTable{border-collapse:collapse;width:100%;min-width:1120px}.teacherTable th{text-align:left;white-space:nowrap;letter-spacing:.02em;color:#64748b;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:14px;font-weight:800}.teacherTable td{vertical-align:middle;color:#334155;border-bottom:1px solid #edf1f5;padding:14px 16px;font-size:14px}.teacherTable tbody tr{transition:background .15s}.teacherTable tbody tr:hover{background:#fbfdff}.teacherTable tbody tr:last-child td{border-bottom:0}.teacherIdentity{align-items:center;gap:11px;min-width:185px;display:flex}.teacherAvatar{color:#2563eb;background:#eff6ff;border-radius:50%;flex:0 0 39px;justify-content:center;align-items:center;width:39px;height:39px;font-size:14px;font-weight:800;display:flex}.teacherIdentity strong{color:#0f172a;font-size:15px;font-weight:750;display:block}.teacherIdentity span{color:#64748b;margin-top:3px;font-size:14px;display:block}.teacherIdText{color:#334155;font-size:14px}.teacherMuted{color:#94a3b8}.classTeacherBadge{color:#4f46e5;white-space:nowrap;background:#eef2ff;border-radius:7px;align-items:center;min-height:27px;padding:0 9px;font-size:14px;font-weight:700;display:inline-flex}.teacherContact{flex-direction:column;gap:5px;min-width:180px;display:flex}.teacherContact span{color:#64748b;align-items:center;gap:6px;font-size:14px;display:flex}.teacherStatus{border-radius:999px;justify-content:center;align-items:center;min-width:64px;min-height:27px;padding:0 9px;font-size:14px;font-weight:750;display:inline-flex}.teacherStatus.active{color:#15803d;background:#dcfce7}.teacherStatus.inactive{color:#64748b;background:#f1f5f9}.teacherActions{align-items:center;gap:6px;display:flex}.teacherActions button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.teacherActions button:hover{color:#2563eb;background:#f8fafc;border-color:#bfdbfe}.teacherActions button:last-child:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.teacherEmptyState{text-align:center;color:#64748b;padding:45px 20px;font-size:15px}.teacherModalOverlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.teacherModal{background:#fff;border-radius:15px;width:min(820px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 24px 70px #0f172a40}.teacherModalHeader{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px;display:flex}.teacherModalHeader>div>span{letter-spacing:.08em;color:#64748b;margin-bottom:4px;font-size:13px;font-weight:800;display:block}.teacherModalHeader h3{color:#0f172a;margin:0;font-size:20px;font-weight:800}.teacherModalHeader p{color:#64748b;margin:5px 0 0;font-size:14px;line-height:1.5}.teacherCloseButton{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.teacherCloseButton:hover{color:#0f172a;background:#f8fafc}.teacherModalBody{padding:22px}.teacherFormSection+.teacherFormSection{border-top:1px solid #edf1f5;margin-top:25px;padding-top:22px}.teacherSectionTitle{color:#2563eb;align-items:center;gap:10px;margin-bottom:16px;display:flex}.teacherSectionTitle strong{color:#0f172a;font-size:15px;display:block}.teacherSectionTitle span{color:#64748b;margin-top:2px;font-size:14px;display:block}.teacherFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.teacherField{flex-direction:column;gap:7px;display:flex}.teacherField>span{color:#475569;font-size:14px;font-weight:700}.teacherField input,.teacherField select{box-sizing:border-box;width:100%;min-height:42px;font:inherit;color:#0f172a;background:#fff;border:1px solid #dbe2ea;border-radius:9px;outline:none;padding:0 11px;font-size:14px}.teacherField input:focus,.teacherField select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #2563eb14}.teacherField input::placeholder{color:#94a3b8}.teacherModalFooter{background:#fafbfc;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.teacherProfileModal{width:min(760px,100%)}.teacherProfileHero{background:#fbfdff;border-bottom:1px solid #edf1f5;align-items:center;gap:22px;padding:26px 22px;display:flex}.teacherProfileAvatar{color:#1d4ed8;background:#dbeafe;border:1px solid #dbe4f0;border-radius:20px;flex:0 0 108px;justify-content:center;align-items:center;width:108px;height:108px;font-size:28px;font-weight:800;display:flex;overflow:hidden;box-shadow:0 8px 22px #0f172a1a}.teacherProfileHero h3{color:#0f172a;margin:0;font-size:21px}.teacherProfileHero p{color:#64748b;margin:4px 0 9px;font-size:15px}.teacherProfileBadges{align-items:center;gap:8px;display:flex}.teacherProfileBadges>span:first-child{color:#475569;background:#f1f5f9;border-radius:7px;align-items:center;min-height:27px;padding:0 9px;font-size:14px;font-weight:700;display:inline-flex}.teacherProfileGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:22px;display:grid}.teacherProfileItem{background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-height:72px;padding:13px}.teacherProfileItem span{color:#94a3b8;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.teacherProfileItem strong{color:#0f172a;overflow-wrap:anywhere;font-size:14px;line-height:1.45;display:block}@media (width<=1150px){.teacherSummaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacherToolbar{flex-direction:column;align-items:flex-start}.teacherFilters{width:100%}.teacherSearch{flex:1}}@media (width<=760px){.teachersPageHeader{flex-direction:column}.teachersPageHeader .teacherPrimaryButton{width:100%}.teacherSummaryGrid{grid-template-columns:1fr}.teacherFilters{flex-direction:column;align-items:stretch}.teacherSearch{box-sizing:border-box;width:100%}.teacherFilters select{width:100%}.teacherFormGrid,.teacherProfileGrid{grid-template-columns:1fr}.teacherProfileHero{align-items:flex-start;gap:16px}.teacherProfileAvatar{border-radius:18px;flex-basis:92px;width:92px;height:92px}.teacherModalOverlay{padding:12px}.teacherModal{max-height:calc(100vh - 24px)}}.teacherPhotoEditor{background:#f8fafc;border:1px solid #e3e7ed;border-radius:14px;align-items:center;gap:16px;margin-top:18px;padding:16px;display:flex}.teacherPhotoPreview{color:#344054;background:#e9eef5;border-radius:18px;flex:none;place-items:center;width:82px;height:82px;font-size:24px;font-weight:800;display:grid;overflow:hidden}.teacherPhotoPreview.hasPhoto,.teacherProfileAvatar.hasPhoto{background:#fff}.teacherPhotoPreview img,.teacherProfileAvatar img{object-fit:cover;width:100%;height:100%;display:block}.teacherPhotoInput{flex-direction:column;flex:1;gap:7px;display:flex}.teacherPhotoInput>span{color:#344054;font-size:15px;font-weight:700}.teacherPhotoInput input[type=file]{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:10px;width:100%;padding:10px 12px;font-size:15px}.teacherPhotoInput small{color:#667085;font-size:14px}@media (width<=700px){.teacherPhotoEditor{flex-direction:column;align-items:stretch}}.teacherProfileModal .teacherProfileHero{box-sizing:border-box;align-items:stretch;height:150px;min-height:150px;padding-top:0;padding-bottom:0}.teacherProfileModal .teacherProfileAvatar{width:150px;height:auto;min-height:0;box-shadow:none;border:0;border-radius:0;flex:0 0 150px;align-self:stretch;overflow:hidden}.teacherProfileModal .teacherProfileAvatar img{object-fit:cover;border-radius:0;width:100%;height:100%;display:block}.teacherProfileModal .teacherProfileHero>div:last-child{align-self:center}@media (width<=700px){.teacherProfileModal .teacherProfileHero{align-items:stretch;height:122px;min-height:122px;padding-top:0;padding-bottom:0}.teacherProfileModal .teacherProfileAvatar{border-radius:0;flex:0 0 122px;width:122px;height:auto}}.classSectionPage{gap:22px;display:grid}.classSectionHeader{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.classSectionHeader h2{margin:5px 0 7px;font-size:26px;line-height:1.15}.classSectionHeader p{color:#64748b;margin:0;font-size:16px;line-height:1.6}.classSectionEyebrow{letter-spacing:.08em;color:#4f46e5;font-size:14px;font-weight:800;display:inline-block}.classSectionSummaryGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.classSectionSummaryGrid article{background:#fff;border:1px solid #e2e8f0;border-radius:18px;align-items:center;gap:14px;min-height:104px;padding:18px;display:flex;box-shadow:0 10px 28px #0f172a0f}.classSectionSummaryIcon{color:#4f46e5;background:#eef2ff;border-radius:14px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.classSectionSummaryGrid span{color:#64748b;margin-bottom:4px;font-size:15px;font-weight:700;display:block}.classSectionSummaryGrid strong{color:#0f172a;font-size:24px;display:block}.classSectionPanel{overflow:hidden}.classSectionToolbar{border-bottom:1px solid #e2e8f0;align-items:center;gap:14px;padding:18px;display:flex}.classSectionSearch{color:#64748b;background:#fff;border:1px solid #dbe3ef;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:240px;padding:0 14px;display:flex}.classSectionSearch input{background:0 0;border:0;outline:0;width:100%;min-height:44px;font-size:16px}.classSectionToolbar>select{background:#fff;border:1px solid #dbe3ef;border-radius:12px;min-height:44px;padding:0 38px 0 13px;font-size:15px}.classSectionTableWrap{overflow-x:auto}.classSectionTable{border-collapse:collapse;width:100%;min-width:930px}.classSectionTable th,.classSectionTable td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf2f7;padding:15px 16px;font-size:15px}.classSectionTable th{color:#475569;background:#f8fafc;font-size:14px;font-weight:800}.classSectionTable td{color:#334155}.classSectionTable td strong{color:#0f172a;font-size:16px}.classStatus{border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-size:14px;font-weight:800;display:inline-flex}.classStatus.active{color:#166534;background:#dcfce7}.classStatus.inactive{color:#991b1b;background:#fee2e2}.classSectionActions{white-space:nowrap;align-items:center;gap:8px;display:flex}.classSectionActions button{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:9px;min-height:34px;padding:7px 10px;font-size:14px;font-weight:700}.classSectionActions button:hover{background:#f8fafc}.classSectionActions .deactivate{color:#b45309;background:#fffbeb;border-color:#fde68a}.classSectionActions .activate{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.classSectionEmpty{text-align:center;color:#64748b;padding:42px 20px;font-size:16px}.classSectionError{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:13px 15px;font-size:15px;font-weight:700}.classSectionModalBackdrop{z-index:1200;background:#0f172a94;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.classSectionModal{background:#fff;border-radius:20px;width:min(760px,100%);max-height:calc(100vh - 40px);padding:22px;overflow-y:auto;box-shadow:0 24px 70px #0f172a3d}.classSectionViewModal{width:min(650px,100%)}.classSectionModalHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.classSectionModalHeader h3{color:#0f172a;margin:5px 0 0;font-size:22px}.modalCloseButton{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:38px;height:38px;font-size:26px;line-height:1}.classSectionFormGrid,.classSectionDetailsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.classSectionFormGrid label>span,.classSectionDetailsGrid span{color:#475569;margin-bottom:7px;font-size:14px;font-weight:800;display:block}.classSectionFormGrid input,.classSectionFormGrid select{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;min-height:44px;padding:10px 12px;font-size:16px}.classSectionDetailsGrid>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.classSectionDetailsGrid strong{overflow-wrap:anywhere;color:#0f172a;font-size:16px;display:block}.classSectionModalActions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;display:flex}@media (width<=980px){.classSectionSummaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.classSectionPage{gap:16px}.classSectionHeader{flex-direction:column}.classSectionHeader .primaryButton{justify-content:center;width:100%}.classSectionHeader h2{font-size:23px}.classSectionSummaryGrid{grid-template-columns:1fr;gap:12px}.classSectionSummaryGrid article{min-height:88px;padding:15px}.classSectionToolbar{flex-direction:column;align-items:stretch;padding:14px}.classSectionSearch{min-width:0}.classSectionFormGrid,.classSectionDetailsGrid{grid-template-columns:1fr}.classSectionModalBackdrop{align-items:start;padding:10px}.classSectionModal{max-height:calc(100vh - 20px);margin-top:8px;padding:17px}.classSectionModalActions{flex-direction:column-reverse}.classSectionModalActions button{justify-content:center;width:100%}}.calendarPage{flex-direction:column;gap:22px;display:flex}.calendarPageHeader{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.calendarEyebrow{letter-spacing:.08em;color:#64748b;margin-bottom:5px;font-size:14px;font-weight:800;display:block}.calendarPageHeader h2{color:#0f172a;margin:0;font-size:25px;font-weight:800}.calendarPageHeader p{color:#64748b;margin:6px 0 0;font-size:15px}.calendarPrimaryButton,.calendarSecondaryButton,.calendarDeleteButton{cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:15px;font-weight:700;display:inline-flex}.calendarPrimaryButton{color:#fff;background:#2563eb}.calendarPrimaryButton:hover{background:#1d4ed8}.calendarSecondaryButton{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0}.calendarDeleteButton{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.calendarSummaryGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.calendarSummaryCard{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:14px;padding:18px;display:flex}.calendarSummaryIcon{border-radius:11px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.calendarSummaryIcon.blue{color:#2563eb;background:#eff6ff}.calendarSummaryIcon.red{color:#dc2626;background:#fef2f2}.calendarSummaryIcon.orange{color:#ea580c;background:#fff7ed}.calendarSummaryIcon.green{color:#16a34a;background:#f0fdf4}.calendarSummaryCard span{color:#64748b;font-size:14px;font-weight:600;display:block}.calendarSummaryCard strong{color:#0f172a;margin-top:2px;font-size:27px;display:block}.calendarSummaryCard p{color:#94a3b8;margin:3px 0 0;font-size:14px}.calendarMainGrid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.75fr);align-items:start;gap:18px;display:grid}.calendarMainPanel,.upcomingEventsPanel{overflow:hidden}.calendarToolbar{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:15px;min-height:70px;padding:15px 18px;display:flex}.calendarToolbar h3,.upcomingEventsHeader h3{color:#0f172a;margin:0;font-size:18px;font-weight:800}.calendarToolbar p,.upcomingEventsHeader p{color:#64748b;margin:3px 0 0;font-size:14px}.calendarNavigation{align-items:center;gap:7px;display:flex}.calendarNavigation button{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe2ea;border-radius:8px;min-height:36px;padding:0 12px;font-size:14px;font-weight:650}.calendarNavigation button:hover{background:#f8fafc}.calendarNavigation .calendarArrowButton{width:36px;padding:0}.calendarWeekHeader{background:#f8fafc;border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(7,1fr);display:grid}.calendarWeekHeader div{text-align:center;color:#64748b;padding:10px 6px;font-size:14px;font-weight:800}.calendarMonthGrid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendarDay{background:#fff;border-bottom:1px solid #edf1f5;border-right:1px solid #edf1f5;min-width:0;min-height:116px;padding:8px}.calendarDay:nth-child(7n){border-right:0}.calendarDay.outsideMonth{background:#fafafa}.calendarDay.outsideMonth .calendarDayTop>span{color:#cbd5e1}.calendarDay.today{background:#f8fbff;box-shadow:inset 0 0 0 2px #bfdbfe}.calendarDayTop{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.calendarDayTop>span{color:#334155;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;font-size:14px;font-weight:700;display:inline-flex}.calendarDay.today .calendarDayTop>span{color:#fff;background:#2563eb}.calendarDayTop small{color:#64748b;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:13px;font-weight:800;display:inline-flex}.calendarDayEvents{flex-direction:column;gap:4px;display:flex}.calendarEventChip{text-align:left;cursor:pointer;border:0;border-radius:5px;width:100%;padding:5px 6px;overflow:hidden}.calendarEventChip span{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:750;display:block;overflow:hidden}.calendarEventChip.school-event{color:#1d4ed8;background:#eff6ff}.calendarEventChip.holiday{color:#dc2626;background:#fef2f2}.calendarEventChip.exam{color:#c2410c;background:#fff7ed}.calendarEventChip.ptm{color:#6d28d9;background:#f5f3ff}.calendarEventChip.teacher-meeting{color:#15803d;background:#f0fdf4}.calendarMoreEvents{color:#64748b;text-align:left;cursor:pointer;background:0 0;border:0;padding:2px;font-size:13px;font-weight:700}.calendarLegend{border-top:1px solid #edf1f5;flex-wrap:wrap;gap:15px;padding:13px 17px;display:flex}.calendarLegend span{color:#64748b;align-items:center;gap:6px;font-size:13px;display:flex}.calendarLegend i{border-radius:50%;width:9px;height:9px}.calendarLegend i.school-event{background:#3b82f6}.calendarLegend i.holiday{background:#ef4444}.calendarLegend i.exam{background:#f97316}.calendarLegend i.ptm{background:#8b5cf6}.calendarLegend i.teacher-meeting{background:#22c55e}.upcomingEventsHeader{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:10px;padding:17px;display:flex}.upcomingEventsHeader select{color:#334155;background:#fff;border:1px solid #dbe2ea;border-radius:8px;min-height:36px;padding:0 8px;font-size:14px}.upcomingEventsList{max-height:650px;overflow-y:auto}.upcomingEventCard{border-bottom:1px solid #edf1f5;align-items:flex-start;gap:11px;padding:14px 15px;display:flex}.upcomingEventDate{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;width:45px;min-width:45px;height:50px;display:flex}.upcomingEventDate strong{color:#0f172a;font-size:17px;line-height:1}.upcomingEventDate span{color:#64748b;margin-top:3px;font-size:13px;font-weight:800}.upcomingEventInfo{flex:1;min-width:0}.upcomingEventTop{color:#64748b;align-items:center;gap:7px;margin-bottom:6px;display:flex}.calendarTypeBadge{border-radius:999px;align-items:center;min-height:23px;padding:0 7px;font-size:13px;font-weight:750;display:inline-flex}.calendarTypeBadge.school-event{color:#1d4ed8;background:#eff6ff}.calendarTypeBadge.holiday{color:#dc2626;background:#fef2f2}.calendarTypeBadge.exam{color:#c2410c;background:#fff7ed}.calendarTypeBadge.ptm{color:#6d28d9;background:#f5f3ff}.calendarTypeBadge.teacher-meeting{color:#15803d;background:#f0fdf4}.upcomingEventInfo>strong{color:#0f172a;font-size:14px;line-height:1.4;display:block}.upcomingEventInfo>span{color:#64748b;margin-top:3px;font-size:13px;display:block}.upcomingEventInfo small{color:#64748b;align-items:center;gap:4px;margin-top:5px;font-size:13px;display:flex}.calendarViewButton{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:0 0 31px;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.calendarViewButton:hover{color:#2563eb;border-color:#bfdbfe}.calendarEmptyState{text-align:center;color:#64748b;padding:35px 15px;font-size:14px}.calendarModalOverlay{z-index:1100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8f;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.calendarModal{background:#fff;border-radius:15px;width:min(780px,100%);max-height:calc(100vh - 44px);overflow-y:auto;box-shadow:0 25px 70px #0f172a40}.calendarModalHeader{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:20px;padding:19px 21px;display:flex}.calendarModalHeader>div>span{color:#64748b;letter-spacing:.08em;margin-bottom:4px;font-size:13px;font-weight:800;display:block}.calendarModalHeader h3{color:#0f172a;margin:0;font-size:20px}.calendarModalHeader p{color:#64748b;margin:5px 0 0;font-size:14px}.calendarCloseButton{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:0 0 35px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.calendarModalBody{padding:21px}.calendarFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.calendarField{flex-direction:column;gap:7px;display:flex}.calendarField>span{color:#475569;font-size:14px;font-weight:700}.calendarField input,.calendarField select,.calendarField textarea{box-sizing:border-box;width:100%;font:inherit;color:#0f172a;background:#fff;border:1px solid #dbe2ea;border-radius:9px;outline:none;padding:0 11px;font-size:14px}.calendarField input,.calendarField select{min-height:42px}.calendarField textarea{resize:vertical;min-height:100px;padding-top:10px}.calendarField input:focus,.calendarField select:focus,.calendarField textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #2563eb14}.calendarFullField{grid-column:1/-1}.calendarNotificationOption{cursor:pointer;background:#f8fbff;border:1px solid #dbeafe;border-radius:10px;align-items:center;gap:11px;margin-top:18px;padding:13px;display:flex}.calendarNotificationIcon{color:#2563eb;background:#dbeafe;border-radius:9px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.calendarNotificationOption>div:nth-child(2){flex:1}.calendarNotificationOption strong{color:#0f172a;font-size:14px;display:block}.calendarNotificationOption span{color:#64748b;margin-top:2px;font-size:13px;display:block}.calendarNotificationOption input{accent-color:#2563eb;width:18px;height:18px}.calendarNotificationPreview{color:#15803d;background:#f0fdf4;border:1px solid #dcfce7;border-radius:9px;gap:10px;margin-top:13px;padding:12px 13px;display:flex}.calendarNotificationPreview strong{color:#166534;font-size:14px;display:block}.calendarNotificationPreview span,.calendarNotificationPreview small{color:#64748b;margin-top:3px;font-size:13px;line-height:1.4;display:block}.calendarModalFooter{background:#fafbfc;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:9px;padding:15px 21px;display:flex}.calendarViewModal{width:min(680px,100%)}.calendarViewTop{gap:15px;display:flex}.calendarViewIcon{color:#2563eb;background:#eff6ff;border-radius:12px;flex:0 0 54px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.calendarViewIcon.holiday{color:#dc2626;background:#fef2f2}.calendarViewIcon.exam{color:#ea580c;background:#fff7ed}.calendarViewIcon.ptm{color:#7c3aed;background:#f5f3ff}.calendarViewIcon.teacher-meeting{color:#16a34a;background:#f0fdf4}.calendarViewTop h3{color:#0f172a;margin:7px 0 4px;font-size:18px}.calendarViewTop p{color:#64748b;margin:0;font-size:14px;line-height:1.55}.calendarDetailsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:20px;display:grid}.calendarDetail{border:1px solid #e5e7eb;border-radius:9px;min-height:67px;padding:12px}.calendarDetail span{color:#94a3b8;margin-bottom:5px;font-size:13px;font-weight:700;display:block}.calendarDetail strong{color:#0f172a;font-size:14px;line-height:1.4;display:block}.calendarViewFooter{justify-content:space-between}.calendarViewFooter>div{gap:9px;display:flex}@media (width<=1200px){.calendarMainGrid{grid-template-columns:1fr}.calendarSummaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.calendarPageHeader{flex-direction:column}.calendarPageHeader .calendarPrimaryButton{width:100%}.calendarSummaryGrid{grid-template-columns:1fr}.calendarToolbar{flex-direction:column;align-items:flex-start}.calendarDay{min-height:88px;padding:5px}.calendarEventChip{padding:4px}.calendarEventChip span{font-size:13px}.calendarFormGrid,.calendarDetailsGrid{grid-template-columns:1fr}.calendarFullField{grid-column:auto}.calendarModalOverlay{padding:10px}.calendarModal{max-height:calc(100vh - 20px)}.calendarViewFooter{flex-direction:column}.calendarViewFooter>div{width:100%}.calendarViewFooter button{flex:1}}.adminTimetablePage{gap:22px;display:grid}.adminTimetableHero{background:linear-gradient(135deg,#eef6ff 0%,#f8f5ff 55%,#fffaf0 100%);border:1px solid #dbe7ff;border-radius:22px;justify-content:space-between;align-items:center;gap:22px;padding:24px 26px;display:flex}.adminTimetableHero h2{color:#172554;margin:6px 0 7px;font-size:26px;line-height:1.2}.adminTimetableHero p{color:#53617d;max-width:780px;margin:0;font-size:16px;line-height:1.55}.adminTimetableEyebrow{letter-spacing:.08em;color:#4f46e5;font-size:14px;font-weight:800;display:inline-block}.adminTimetableStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.adminTimetableStats article{background:#fff;border:1px solid #e1e8f5;border-radius:18px;align-items:center;gap:13px;min-height:108px;padding:18px;display:flex;box-shadow:0 10px 24px #1e293b0d}.adminTimetableStats svg{color:#4f46e5;background:#eef2ff;border-radius:13px;flex:none;width:44px;height:44px;padding:10px}.adminTimetableStats span,.adminTimetablePeriodMeta span{color:#71809a;font-size:14px;font-weight:700;display:block}.adminTimetableStats strong{color:#1e293b;margin-top:3px;font-size:20px;display:block}.adminTimetableStats small{color:#8a96aa;margin-top:3px;font-size:14px;display:block}.adminTimetableError{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;padding:13px 15px;font-size:16px;font-weight:700}.adminTimetablePanel{padding:0;overflow:hidden}.adminTimetableToolbar{border-bottom:1px solid #e6ebf4;justify-content:space-between;align-items:end;gap:18px;padding:20px 22px;display:flex}.adminTimetableToolbar label{gap:7px;min-width:230px;display:grid}.adminTimetableToolbar label span,.adminTimetableFormGrid label span{color:#475569;font-size:14px;font-weight:800}.adminTimetableToolbar select,.adminTimetableFormGrid input,.adminTimetableFormGrid select,.adminTimetableFormGrid textarea{color:#1e293b;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #ccd7e8;border-radius:11px;outline:none;padding:10px 12px;font-size:16px}.adminTimetableToolbar select:focus,.adminTimetableFormGrid input:focus,.adminTimetableFormGrid select:focus,.adminTimetableFormGrid textarea:focus{border-color:#818cf8;box-shadow:0 0 0 3px #6366f11f}.adminTimetableDayTabs{flex-wrap:wrap;gap:8px;display:flex}.adminTimetableDayTabs button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #dbe3ef;border-radius:10px;min-height:40px;padding:0 13px;font-size:15px;font-weight:800}.adminTimetableDayTabs button.active{color:#4338ca;background:#eef2ff;border-color:#6366f1}.adminTimetableList{gap:11px;padding:18px 20px 22px;display:grid}.adminTimetablePeriod{background:#fff;border:1px solid #e1e8f3;border-radius:16px;grid-template-columns:76px minmax(220px,1.6fr) minmax(140px,.8fr) 120px auto;align-items:center;gap:16px;padding:16px;display:grid}.adminTimetablePeriod.archived{opacity:.64;background:#f8fafc}.adminTimetablePeriodNo{text-align:center}.adminTimetablePeriodNo span{letter-spacing:.08em;color:#94a3b8;font-size:13px;font-weight:800;display:block}.adminTimetablePeriodNo strong{color:#4f46e5;margin-top:2px;font-size:23px;display:block}.adminTimetablePeriodMain span{color:#6366f1;font-size:14px;font-weight:800}.adminTimetablePeriodMain h3{color:#1e293b;margin:3px 0;font-size:18px}.adminTimetablePeriodMain small{color:#64748b;font-size:15px}.adminTimetablePeriodMeta strong{color:#334155;margin-top:4px;font-size:16px;display:block}.adminTimetableStatusArchived{color:#dc2626!important}.adminTimetableActions{justify-content:flex-end;gap:8px;display:flex}.adminTimetableActions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:10px;align-items:center;gap:6px;min-height:38px;padding:0 11px;font-size:14px;font-weight:800;display:inline-flex}.adminTimetableActions button:hover{background:#f8fafc}.adminTimetableActions button:disabled{opacity:.55;cursor:not-allowed}.adminTimetableEmpty{text-align:center;color:#64748b;padding:42px 20px;font-size:16px;font-weight:700}.adminTimetableInfo{color:#1e3a8a;background:#eff6ff;border:1px solid #dbeafe;border-radius:16px;gap:12px;padding:16px 18px;display:flex}.adminTimetableInfo strong{font-size:16px}.adminTimetableInfo p{margin:4px 0 0;font-size:15px;line-height:1.5}.adminTimetableModalBackdrop{z-index:1200;background:#0f172a7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.adminTimetableModal{background:#fff;border-radius:20px;width:min(760px,100%);max-height:90vh;padding:22px;overflow:auto;box-shadow:0 24px 70px #0f172a3d}.adminTimetableModalHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.adminTimetableModalHeader h3{color:#1e293b;margin:5px 0 0;font-size:22px}.adminTimetableModalHeader>button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.adminTimetableFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.adminTimetableFormGrid label{gap:7px;display:grid}.adminTimetableFormGrid label.wide{grid-column:1/-1}.adminTimetableFormGrid textarea{resize:vertical;min-height:88px}.adminTimetableModalActions{border-top:1px solid #e7edf5;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:17px;display:flex}@media (width<=1100px){.adminTimetableStats{grid-template-columns:repeat(2,minmax(0,1fr))}.adminTimetablePeriod{grid-template-columns:64px 1fr 1fr}.adminTimetableActions{grid-column:2/-1;justify-content:flex-start}}@media (width<=760px){.adminTimetableHero,.adminTimetableToolbar{flex-direction:column;align-items:stretch}.adminTimetableHero .primaryButton{justify-content:center;width:100%}.adminTimetableStats{grid-template-columns:1fr}.adminTimetableToolbar label{min-width:0}.adminTimetableDayTabs{grid-template-columns:repeat(3,1fr);display:grid}.adminTimetableDayTabs button{width:100%}.adminTimetablePeriod{grid-template-columns:56px 1fr}.adminTimetablePeriodMeta{grid-column:2}.adminTimetableActions{grid-column:1/-1;justify-content:stretch}.adminTimetableActions button{flex:1;justify-content:center}.adminTimetableFormGrid{grid-template-columns:1fr}.adminTimetableFormGrid label.wide{grid-column:auto}}.examsResultsPage{flex-direction:column;gap:20px;display:flex}.examPageHeader{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.examEyebrow{letter-spacing:.08em;color:#64748b;margin-bottom:5px;font-size:14px;font-weight:800;display:block}.examPageHeader h2{color:#0f172a;margin:0;font-size:25px;font-weight:800}.examPageHeader p{color:#64748b;margin:6px 0 0;font-size:15px}.examHeaderActions{align-items:center;gap:10px;display:flex}.examPrimaryButton,.examSecondaryButton{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:15px;font-weight:700;display:inline-flex}.examPrimaryButton{color:#fff;background:#2563eb;border:0}.examPrimaryButton:hover{background:#1d4ed8}.examSecondaryButton{color:#475569;background:#fff;border:1px solid #e2e8f0}.examPublishStatus{border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 11px;font-size:14px;font-weight:750;display:inline-flex}.examPublishStatus>span{border-radius:50%;width:8px;height:8px}.examPublishStatus.draft{color:#c2410c;background:#fff7ed}.examPublishStatus.draft>span{background:#f97316}.examPublishStatus.published{color:#15803d;background:#f0fdf4}.examPublishStatus.published>span{background:#22c55e}.examControlsPanel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:16px 18px;display:grid}.examControlsPanel label{flex-direction:column;gap:6px;display:flex}.examControlsPanel label>span{color:#64748b;font-size:14px;font-weight:700}.examControlsPanel select{color:#0f172a;background:#fff;border:1px solid #dbe2ea;border-radius:8px;outline:none;width:100%;min-height:42px;padding:0 11px;font-size:14px}.examControlsPanel select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #2563eb14}.examSummaryGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.examSummaryCard{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:13px;padding:17px;display:flex}.examSummaryIcon{border-radius:11px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.examSummaryIcon.blue{color:#2563eb;background:#eff6ff}.examSummaryIcon.green{color:#16a34a;background:#f0fdf4}.examSummaryIcon.red{color:#dc2626;background:#fef2f2}.examSummaryIcon.orange{color:#ea580c;background:#fff7ed}.examSummaryCard span{color:#64748b;font-size:14px;font-weight:650;display:block}.examSummaryCard strong{color:#0f172a;margin-top:2px;font-size:26px;display:block}.examSummaryCard p{color:#94a3b8;margin:3px 0 0;font-size:14px}.examResultPanel{overflow:hidden}.examResultToolbar{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:15px;padding:16px 18px;display:flex}.examResultToolbar h3{color:#0f172a;margin:0;font-size:18px}.examResultToolbar p{color:#64748b;margin:4px 0 0;font-size:14px}.examSearchBox{color:#94a3b8;background:#fff;border:1px solid #dbe2ea;border-radius:8px;align-items:center;gap:8px;width:min(330px,100%);min-height:40px;padding:0 11px;display:flex}.examSearchBox:focus-within{border-color:#60a5fa;box-shadow:0 0 0 3px #2563eb14}.examSearchBox input{color:#0f172a;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:14px}.examTableWrap,.marksTableWrap{overflow-x:auto}.examResultsTable,.marksEntryTable,.reportMarksTable{border-collapse:collapse;width:100%}.examResultsTable th{text-align:left;white-space:nowrap;color:#64748b;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:12px 15px;font-size:14px;font-weight:750}.examResultsTable td{white-space:nowrap;color:#475569;border-bottom:1px solid #edf1f5;padding:13px 15px;font-size:14px}.examResultsTable tbody tr:hover{background:#fafcff}.examStudentCell{align-items:center;gap:10px;display:flex}.examStudentAvatar{color:#2563eb;background:#eff6ff;border-radius:50%;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:flex}.examStudentCell strong{color:#0f172a;font-size:14px;display:block}.examStudentCell span{color:#94a3b8;margin-top:2px;font-size:14px;display:block}.examGradeBadge{color:#4338ca;background:#eef2ff;border-radius:7px;justify-content:center;align-items:center;min-width:34px;min-height:28px;padding:0 8px;font-size:14px;font-weight:800;display:inline-flex}.examResultBadge,.subjectResult{border-radius:999px;justify-content:center;align-items:center;min-height:27px;padding:0 9px;font-size:14px;font-weight:750;display:inline-flex}.examResultBadge.pass,.subjectResult.pass{color:#15803d;background:#f0fdf4}.examResultBadge.fail,.subjectResult.fail{color:#dc2626;background:#fef2f2}.examTableActions{gap:6px;display:flex}.examTableActions button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:33px;height:33px;display:flex}.examTableActions button:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.examEmptyState{color:#94a3b8;flex-direction:column;align-items:center;gap:6px;padding:40px 20px;display:flex}.examEmptyState strong{color:#475569;margin-top:5px;font-size:15px}.examEmptyState span{font-size:14px}.examModalOverlay{z-index:1200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a94;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.examModal{background:#fff;border-radius:15px;width:min(850px,100%);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 25px 70px #0f172a47}.examModalHeader{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 21px;display:flex}.examModalHeader>div>span{letter-spacing:.07em;color:#64748b;margin-bottom:4px;font-size:14px;font-weight:800;display:block}.examModalHeader h3{color:#0f172a;margin:0;font-size:20px}.examModalHeader p{color:#64748b;margin:4px 0 0;font-size:14px}.examCloseButton{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:0 0 35px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.examModalBody{padding:20px 21px}.examModalFooter{background:#fafbfc;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:9px;padding:14px 21px;display:flex}.marksEntryHeading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;display:flex}.marksEntryHeading>div{color:#2563eb;align-items:center;gap:8px;display:flex}.marksEntryHeading span{color:#334155;font-size:15px;font-weight:750}.marksEntryHeading small{color:#64748b;font-size:14px}.marksEntryTable th{text-align:left;color:#64748b;background:#f8fafc;border:1px solid #e5e7eb;padding:11px 12px;font-size:14px}.marksEntryTable td{color:#475569;border:1px solid #e5e7eb;padding:10px 12px;font-size:14px}.marksEntryTable td:first-child{min-width:150px}.marksEntryTable input{box-sizing:border-box;color:#0f172a;border:1px solid #dbe2ea;border-radius:7px;outline:none;width:90px;min-height:37px;padding:0 8px;font-size:14px}.marksEntryTable input:focus{border-color:#60a5fa}.marksLiveSummary{background:#f8fafc;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;padding:14px;display:grid}.marksLiveSummary>div{border-right:1px solid #e2e8f0;padding:10px}.marksLiveSummary>div:last-child{border-right:0}.marksLiveSummary span{color:#64748b;font-size:14px;display:block}.marksLiveSummary strong{color:#0f172a;margin-top:4px;font-size:18px;display:block}.marksLiveSummary strong.pass{color:#15803d}.marksLiveSummary strong.fail{color:#dc2626}.reportCardModal{width:min(850px,100%)}.reportCardPrintable{color:#0f172a;background:#fff;border:2px solid #1e3a8a;margin:20px;padding:28px}.reportSchoolHeader{text-align:center;border-bottom:2px solid #1e3a8a;justify-content:center;align-items:center;gap:14px;padding-bottom:17px;display:flex}.reportSchoolLogo{color:#fff;background:#1e3a8a;border-radius:50%;flex:0 0 58px;justify-content:center;align-items:center;width:58px;height:58px;font-size:18px;font-weight:900;display:flex}.reportSchoolHeader h1{letter-spacing:.03em;color:#172554;margin:0;font-size:24px}.reportSchoolHeader p{color:#64748b;margin:4px 0 0;font-size:14px}.reportCardTitle{color:#1e40af;justify-content:center;align-items:center;gap:9px;margin:18px 0;display:flex}.reportCardTitle h2{margin:0;font-size:18px}.reportCardTitle span{text-align:center;color:#64748b;margin-top:2px;font-size:14px;display:block}.reportStudentDetails{border:1px solid #cbd5e1;grid-template-columns:repeat(3,1fr);margin-bottom:18px;display:grid}.reportStudentDetails>div{border-bottom:1px solid #cbd5e1;border-right:1px solid #cbd5e1;padding:10px 12px}.reportStudentDetails>div:nth-child(3n){border-right:0}.reportStudentDetails>div:nth-last-child(-n+3){border-bottom:0}.reportStudentDetails span{color:#64748b;margin-bottom:3px;font-size:13px;display:block}.reportStudentDetails strong{color:#0f172a;font-size:14px}.reportMarksTable th{text-align:center;color:#1e3a8a;background:#eff6ff;border:1px solid #94a3b8;padding:10px;font-size:14px}.reportMarksTable td{text-align:center;border:1px solid #cbd5e1;padding:9px 10px;font-size:14px}.reportMarksTable td:first-child,.reportMarksTable th:first-child{text-align:left}.reportResultSummary{border:1px solid #cbd5e1;grid-template-columns:repeat(5,1fr);margin-top:15px;display:grid}.reportResultSummary>div{text-align:center;border-right:1px solid #cbd5e1;padding:10px 8px}.reportResultSummary>div:last-child{border-right:0}.reportResultSummary span{color:#64748b;font-size:13px;display:block}.reportResultSummary strong{margin-top:3px;font-size:15px;display:block}.reportResultSummary strong.pass{color:#15803d}.reportResultSummary strong.fail{color:#dc2626}.reportResultSummary svg{color:#d97706;margin-bottom:2px}.reportRemarks{background:#f8fafc;border:1px solid #dbe2ea;margin-top:17px;padding:12px 14px}.reportRemarks strong{color:#334155;font-size:14px}.reportRemarks p{color:#64748b;margin:5px 0 0;font-size:14px;line-height:1.5}.reportSignatures{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px;display:grid}.reportSignatures div{text-align:center;border-top:1px solid #64748b;padding-top:7px}.reportSignatures span{color:#475569;font-size:13px}.reportFooter{text-align:center;color:#94a3b8;border-top:1px solid #cbd5e1;margin-top:25px;padding-top:10px;font-size:13px}@media (width<=1000px){.examSummaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.examPageHeader,.examResultToolbar{flex-direction:column}.examHeaderActions,.examSearchBox{width:100%}.examHeaderActions{align-items:stretch}.examControlsPanel,.examSummaryGrid{grid-template-columns:1fr}.marksLiveSummary{grid-template-columns:repeat(2,1fr)}.marksLiveSummary>div{border-right:0}.reportStudentDetails,.reportResultSummary{grid-template-columns:1fr}.reportStudentDetails>div,.reportResultSummary>div{border-bottom:1px solid #cbd5e1;border-right:0}.reportStudentDetails>div:last-child,.reportResultSummary>div:last-child{border-bottom:0}.reportSignatures{gap:15px}.examModalOverlay{padding:10px}.examModal{max-height:calc(100vh - 20px)}}@media print{body *{visibility:hidden!important}.reportCardPrintable,.reportCardPrintable *{visibility:visible!important}.reportCardPrintable{box-sizing:border-box;width:100%;box-shadow:none;border:2px solid #1e3a8a;margin:0;position:absolute;top:0;left:0}.noPrint{display:none!important}}.examDataState{color:#475569;background:#f8fafc;border:1px solid #dbe4ef;border-radius:12px;padding:13px 16px;font-size:15px;font-weight:700}.settingsPage{flex-direction:column;gap:22px;display:flex}.settingsPageHeader{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.settingsEyebrow{letter-spacing:.08em;color:#2563eb;margin-bottom:6px;font-size:14px;font-weight:800;display:block}.settingsPageHeader h2{color:#172033;margin:0;font-size:27px;line-height:1.2}.settingsPageHeader p{color:#64748b;max-width:720px;margin:7px 0 0;font-size:15px;line-height:1.6}.settingsSaveButton,.settingsPrimaryButton,.settingsSecondaryButton{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-size:15px;font-weight:700;transition:all .18s;display:inline-flex}.settingsSaveButton,.settingsPrimaryButton{color:#fff;background:#2563eb;border:1px solid #2563eb}.settingsSaveButton:hover,.settingsPrimaryButton:hover{background:#1d4ed8;border-color:#1d4ed8}.settingsPrimaryButton:disabled{opacity:.65;cursor:not-allowed}.settingsSecondaryButton{color:#334155;background:#fff;border:1px solid #dbe3ef}.settingsSecondaryButton:hover{background:#f8fafc;border-color:#cbd5e1}.settingsLayout{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:20px;display:grid}.settingsSidebar,.settingsMainPanel{background:#fff;border:1px solid #e5eaf1;border-radius:16px;box-shadow:0 5px 18px #0f172a0a}.settingsSidebar{position:sticky;top:18px;overflow:hidden}.settingsSchoolMiniCard{background:#f8faff;border-bottom:1px solid #edf1f6;align-items:center;gap:12px;padding:18px;display:flex}.settingsSchoolLogo{color:#2563eb;background:#e8efff;border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.settingsSchoolMiniCard strong,.settingsSchoolMiniCard span{display:block}.settingsSchoolMiniCard strong{color:#172033;margin-bottom:3px;font-size:15px}.settingsSchoolMiniCard span{color:#64748b;font-size:14px}.settingsNav{flex-direction:column;gap:5px;padding:10px;display:flex}.settingsNav button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;width:100%;padding:12px 13px;transition:all .18s}.settingsNav button:hover{background:#f6f8fc}.settingsNav button.active{background:#eef4ff;box-shadow:inset 3px 0 #2563eb}.settingsNav button strong,.settingsNav button span{display:block}.settingsNav button strong{color:#334155;margin-bottom:3px;font-size:15px}.settingsNav button.active strong{color:#1d4ed8}.settingsNav button span{color:#8491a5;font-size:14px;line-height:1.4}.settingsMainPanel{min-height:620px;padding:24px}.settingsSectionHeader{border-bottom:1px solid #edf1f6;align-items:center;gap:13px;margin-bottom:22px;padding-bottom:20px;display:flex}.settingsSectionIcon{color:#2563eb;background:#eef4ff;border-radius:12px;flex:0 0 45px;place-items:center;width:45px;height:45px;display:grid}.settingsSectionHeader h3{color:#172033;margin:0;font-size:18px}.settingsSectionHeader p{color:#64748b;margin:4px 0 0;font-size:14px;line-height:1.5}.settingsFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settingsFormGrid.compact{max-width:520px;margin-top:18px}.settingsField{flex-direction:column;gap:7px;min-width:0;display:flex}.settingsField.wide{grid-column:1/-1}.settingsFieldLabel{color:#475569;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.settingsField input,.settingsField select,.settingsField textarea{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #dbe3ed;border-radius:10px;outline:none;width:100%;font-family:inherit;font-size:15px;transition:all .18s}.settingsField input,.settingsField select{height:43px;padding:0 12px}.settingsField textarea{resize:vertical;min-height:88px;padding:11px 12px;line-height:1.5}.settingsField input:focus,.settingsField select:focus,.settingsField textarea:focus{border-color:#7aa7ff;box-shadow:0 0 0 3px #2563eb14}.settingsField input:disabled,.settingsField select:disabled{color:#64748b;background:#f8fafc}.settingsInputPrefix{background:#fff;border:1px solid #dbe3ed;border-radius:10px;align-items:center;height:43px;display:flex;overflow:hidden}.settingsInputPrefix:focus-within{border-color:#7aa7ff;box-shadow:0 0 0 3px #2563eb14}.settingsInputPrefix span{color:#475569;background:#f8fafc;border-right:1px solid #e5eaf1;align-self:stretch;place-items:center;min-width:42px;font-size:15px;font-weight:800;display:grid}.settingsInputPrefix input{border:0;border-radius:0;height:100%;box-shadow:none!important}.settingsInfoBox{color:#2563eb;background:#f5f9ff;border:1px solid #dbeafe;border-radius:12px;align-items:flex-start;gap:12px;margin-top:22px;padding:15px 16px;display:flex}.settingsInfoBox.warning{color:#d97706;background:#fffaf0;border-color:#fde5b4}.settingsInfoBox svg{flex:none;margin-top:2px}.settingsInfoBox strong{color:#334155;margin-bottom:4px;font-size:15px;display:block}.settingsInfoBox p{color:#64748b;margin:0;font-size:14px;line-height:1.55}.settingsPreviewCard{color:#2563eb;background:#fafcff;border:1px solid #e4e9f1;border-radius:12px;align-items:center;gap:13px;margin-top:22px;padding:16px;display:flex}.settingsPreviewCard span,.settingsPreviewCard strong,.settingsPreviewCard p{display:block}.settingsPreviewCard span{color:#64748b;margin-bottom:3px;font-size:14px}.settingsPreviewCard strong{color:#172033;font-size:15px}.settingsPreviewCard p{color:#64748b;margin:4px 0 0;font-size:14px}.settingsToggleList{border:1px solid #e5eaf1;border-radius:13px;flex-direction:column;gap:0;margin-top:5px;display:flex;overflow:hidden}.settingsToggleRow{background:#fff;border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:20px;padding:16px;display:flex}.settingsToggleRow:last-child{border-bottom:0}.settingsToggleRow strong{color:#334155;margin-bottom:4px;font-size:15px;display:block}.settingsToggleRow p{color:#778397;max-width:680px;margin:0;font-size:14px;line-height:1.5}.settingsSwitch{cursor:pointer;background:#cbd5e1;border:0;border-radius:30px;flex:0 0 46px;width:46px;height:25px;padding:0;transition:all .2s;position:relative}.settingsSwitch span{background:#fff;border-radius:50%;width:19px;height:19px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0f172a40}.settingsSwitch.active{background:#2563eb}.settingsSwitch.active span{transform:translate(21px)}.settingsGroupTitle{color:#334155;margin:26px 0 11px;font-size:15px}.settingsNotificationSummary{background:#f6f9ff;border:1px solid #dbeafe;border-radius:13px;align-items:center;gap:13px;padding:16px;display:flex}.settingsNotificationIcon{color:#2563eb;background:#e5efff;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.settingsNotificationSummary span,.settingsNotificationSummary strong{display:block}.settingsNotificationSummary span{color:#64748b;margin-bottom:3px;font-size:14px}.settingsNotificationSummary strong{color:#172033;font-size:17px}.settingsChannelGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.notificationChannel{text-align:left;cursor:pointer;background:#fff;border:1px solid #e1e7ef;border-radius:12px;align-items:center;gap:11px;min-width:0;padding:15px;transition:all .18s;display:flex;position:relative}.notificationChannel:hover{background:#fbfdff;border-color:#bfd0ee}.notificationChannel.active{background:#f6f9ff;border-color:#a8c4ff}.notificationChannelIcon{color:#64748b;background:#f1f5f9;border-radius:10px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.notificationChannel.active .notificationChannelIcon{color:#2563eb;background:#e4edff}.notificationChannel strong,.notificationChannel span{display:block}.notificationChannel strong{color:#334155;margin-bottom:3px;padding-right:32px;font-size:15px}.notificationChannel span{color:#7b8799;font-size:14px;line-height:1.4}.channelStatus{color:#94a3b8;background:#f1f5f9;border-radius:20px;padding:3px 6px;font-size:13px;font-weight:800;position:absolute;top:10px;right:10px}.channelStatus.enabled{color:#15803d;background:#dcfce7}.securityOverviewGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.securityStatusCard{background:#fff;border:1px solid #e4e9f1;border-radius:13px;min-width:0;padding:16px}.securityStatusIcon{color:#059669;background:#ecfdf5;border-radius:11px;place-items:center;width:40px;height:40px;margin-bottom:12px;display:grid}.securityStatusCard>span{color:#64748b;margin-bottom:4px;font-size:14px;display:block}.securityStatusCard strong{color:#172033;margin-bottom:6px;font-size:16px;display:block}.securityStatusCard p{color:#7b8799;margin:0;font-size:14px;line-height:1.5}.backupStatusCard{background:#fff;border:1px solid #dfe6ef;border-radius:14px;overflow:hidden}.backupStatusTop{background:#fafcff;border-bottom:1px solid #edf1f6;align-items:center;gap:13px;padding:18px;display:flex;position:relative}.backupCloudIcon{color:#2563eb;background:#e9f2ff;border-radius:12px;flex:0 0 46px;place-items:center;width:46px;height:46px;display:grid}.backupStatusText span,.backupStatusText strong,.backupStatusText p{display:block}.backupStatusText span{color:#64748b;margin-bottom:3px;font-size:14px}.backupStatusText strong{color:#172033;font-size:16px}.backupStatusText p{color:#7b8799;margin:4px 0 0;font-size:14px}.backupHealthyBadge{color:#15803d;background:#dcfce7;border-radius:20px;align-items:center;gap:5px;margin-left:auto;padding:6px 9px;font-size:14px;font-weight:800;display:inline-flex}.backupDetailsGrid{grid-template-columns:repeat(3,1fr);gap:0;padding:16px 18px;display:grid}.backupDetailsGrid>div{border-right:1px solid #edf1f6;padding:3px 14px}.backupDetailsGrid>div:first-child{padding-left:0}.backupDetailsGrid>div:last-child{border-right:0;padding-right:0}.backupDetailsGrid span,.backupDetailsGrid strong{display:block}.backupDetailsGrid span{color:#7b8799;margin-bottom:4px;font-size:14px}.backupDetailsGrid strong{color:#334155;font-size:14px}.backupActions{background:#fafbfc;border-top:1px solid #edf1f6;justify-content:flex-end;gap:10px;padding:14px 18px;display:flex}.spin{animation:.8s linear infinite settingsSpin}@keyframes settingsSpin{to{transform:rotate(360deg)}}@media (width<=1100px){.settingsLayout{grid-template-columns:230px minmax(0,1fr)}.settingsChannelGrid,.securityOverviewGrid{grid-template-columns:1fr}}@media (width<=850px){.settingsPageHeader{flex-direction:column}.settingsSaveButton{width:100%}.settingsLayout{grid-template-columns:1fr}.settingsSidebar{position:static}.settingsNav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.settingsFormGrid{grid-template-columns:1fr}.settingsField.wide{grid-column:auto}}@media (width<=600px){.settingsMainPanel{padding:17px}.settingsNav{grid-template-columns:1fr}.settingsToggleRow,.backupStatusTop{align-items:flex-start}.backupHealthyBadge{position:absolute;top:12px;right:12px}.backupDetailsGrid{grid-template-columns:1fr;gap:12px}.backupDetailsGrid>div,.backupDetailsGrid>div:first-child,.backupDetailsGrid>div:last-child{border-right:0;padding:0}.backupActions{flex-direction:column}.backupActions button{width:100%}}.settingsSaveButton:disabled{opacity:.65;cursor:not-allowed}.settingsLoadError{font-weight:700;color:#b91c1c!important;max-width:760px!important;margin-top:10px!important}.teacherDashboard{box-sizing:border-box;flex-direction:column;gap:22px;width:100%;padding:24px 26px 30px;display:flex}.teacherWelcome{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.teacherEyebrow{letter-spacing:.08em;color:#2563eb;margin-bottom:6px;font-size:14px;font-weight:800;display:block}.teacherWelcome h2{color:#172033;margin:0;font-size:27px;line-height:1.2}.teacherWelcome p{color:#64748b;margin:7px 0 0;font-size:15px;line-height:1.6}.teacherDateBox{color:#2563eb;background:#fff;border:1px solid #e3e8f0;border-radius:12px;align-items:center;gap:11px;min-width:210px;padding:13px 15px;display:flex}.teacherDateBox span,.teacherDateBox strong{display:block}.teacherDateBox span{letter-spacing:.06em;color:#7b8799;margin-bottom:2px;font-size:13px;font-weight:800}.teacherDateBox strong{color:#172033;font-size:15px}.teacherProfileStrip{background:#fff;border:1px solid #e4e9f1;border-radius:15px;align-items:center;gap:15px;padding:19px 20px;display:flex;box-shadow:0 5px 18px #0f172a0a}.teacherLargeAvatar{color:#2563eb;background:#e8efff;border-radius:16px;flex:0 0 58px;place-items:center;width:58px;height:58px;font-size:19px;font-weight:800;display:grid}.teacherIdentity{min-width:0}.teacherIdentity>span{letter-spacing:.06em;color:#2563eb;margin-bottom:3px;font-size:13px;font-weight:800;display:block}.teacherIdentity h3{color:#172033;margin:0;font-size:18px}.teacherIdentity p{color:#64748b;margin:4px 0 0;font-size:14px}.teacherProfileStats{align-items:stretch;margin-left:auto;display:flex}.teacherProfileStats>div{border-left:1px solid #e7ebf1;min-width:115px;padding:3px 18px}.teacherProfileStats span,.teacherProfileStats strong{display:block}.teacherProfileStats span{color:#7b8799;margin-bottom:4px;font-size:14px}.teacherProfileStats strong{color:#172033;font-size:17px}.teacherStatsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.teacherStatCard{background:#fff;border:1px solid #e4e9f1;border-radius:14px;min-width:0;padding:17px;box-shadow:0 4px 14px #0f172a09}.teacherStatIcon{color:#2563eb;background:#eef4ff;border-radius:11px;place-items:center;width:42px;height:42px;margin-bottom:13px;display:grid}.teacherStatCard>span{color:#64748b;margin-bottom:4px;font-size:14px;display:block}.teacherStatCard>strong{color:#172033;font-size:20px;display:block}.teacherStatCard>p{color:#8491a5;min-height:20px;margin:5px 0 0;font-size:14px;line-height:1.45}.teacherStatCard>button{color:#2563eb;cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;margin-top:11px;padding:0;font-size:14px;font-weight:700;display:inline-flex}.teacherQuickActions{background:#fff;border:1px solid #e4e9f1;border-radius:15px;padding:18px}.teacherSectionHeading{margin-bottom:14px}.teacherSectionHeading h3{color:#172033;margin:0;font-size:18px}.teacherSectionHeading p{color:#64748b;margin:4px 0 0;font-size:14px}.teacherQuickGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.teacherQuickAction{text-align:left;cursor:pointer;background:#fafcff;border:1px solid #e5eaf1;border-radius:12px;align-items:center;gap:11px;min-width:0;padding:14px;transition:all .18s;display:flex}.teacherQuickAction:hover{background:#f4f8ff;border-color:#b8cdf5;transform:translateY(-1px)}.teacherQuickIcon{color:#2563eb;background:#e8efff;border-radius:10px;flex:0 0 39px;place-items:center;width:39px;height:39px;display:grid}.teacherQuickAction>div:nth-child(2){flex:1;min-width:0}.teacherQuickAction strong,.teacherQuickAction span{display:block}.teacherQuickAction strong{color:#334155;margin-bottom:3px;font-size:14px}.teacherQuickAction span{color:#7b8799;font-size:14px;line-height:1.4}.teacherQuickAction>svg{color:#94a3b8;flex:none}.teacherMainGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.teacherPanel{background:#fff;border:1px solid #e4e9f1;border-radius:15px;min-width:0;padding:19px;box-shadow:0 4px 14px #0f172a08}.teacherPanelHeader{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:3px;padding-bottom:14px;display:flex}.teacherPanelHeader h3{color:#172033;margin:0;font-size:17px}.teacherPanelHeader p{color:#7b8799;margin:4px 0 0;font-size:14px}.teacherPeriodBadge{color:#2563eb;background:#eef4ff;border-radius:20px;padding:5px 9px;font-size:13px;font-weight:800}.teacherTextButton{color:#2563eb;cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;padding:4px 0;font-size:14px;font-weight:700;display:inline-flex}.teacherScheduleList{flex-direction:column;display:flex}.teacherScheduleRow{border-bottom:1px solid #edf1f6;grid-template-columns:145px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 4px;display:grid}.teacherScheduleRow:last-child{border-bottom:0}.teacherScheduleRow.current{background:#f5f9ff;border:1px solid #cfe0ff;border-radius:10px;margin:3px -8px;padding:13px 12px}.teacherScheduleTime{color:#64748b;align-items:center;gap:7px;font-size:14px;display:flex}.teacherScheduleSubject strong,.teacherScheduleSubject span{display:block}.teacherScheduleSubject strong{color:#334155;margin-bottom:3px;font-size:14px}.teacherScheduleSubject span{color:#8491a5;font-size:14px}.teacherClassStatus{border-radius:20px;padding:5px 8px;font-size:13px;font-weight:800}.teacherClassStatus.completed{color:#15803d;background:#ecfdf5}.teacherClassStatus.current{color:#1d4ed8;background:#dbeafe}.teacherClassStatus.upcoming{color:#64748b;background:#f1f5f9}.teacherAttendanceOverview{justify-content:center;align-items:center;gap:38px;padding:25px 5px 19px;display:flex}.teacherAttendanceCircle{background:radial-gradient(circle at center, #fff 56%, transparent 57%), conic-gradient(#22c55e 0 95.2%, #e8edf3 95.2% 100%);border-radius:50%;flex:0 0 128px;place-items:center;width:128px;height:128px;display:grid}.teacherAttendanceCircle>div{text-align:center}.teacherAttendanceCircle strong,.teacherAttendanceCircle span{display:block}.teacherAttendanceCircle strong{color:#172033;font-size:22px}.teacherAttendanceCircle span{color:#7b8799;margin-top:2px;font-size:13px}.teacherAttendanceNumbers{flex-direction:column;gap:13px;display:flex}.teacherAttendanceNumbers>div{align-items:center;gap:9px;display:flex}.teacherAttendanceNumbers strong,.teacherAttendanceNumbers span{display:block}.teacherAttendanceNumbers strong{color:#334155;font-size:16px}.teacherAttendanceNumbers div div span{color:#7b8799;margin-top:1px;font-size:13px}.teacherGreenDot,.teacherRedDot,.teacherGrayDot{border-radius:50%;flex:0 0 9px;width:9px;height:9px}.teacherGreenDot{background:#22c55e}.teacherRedDot{background:#ef4444}.teacherGrayDot{background:#94a3b8}.teacherAttendanceSaved{color:#16a34a;background:#f3fcf6;border:1px solid #d7f3df;border-radius:10px;align-items:center;gap:10px;padding:11px 13px;display:flex}.teacherAttendanceSaved strong,.teacherAttendanceSaved span{display:block}.teacherAttendanceSaved strong{color:#166534;margin-bottom:2px;font-size:14px}.teacherAttendanceSaved span{color:#648071;font-size:13px}.teacherOutlineButton{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:40px;margin-top:12px;font-size:14px;font-weight:700;display:flex}.teacherOutlineButton:hover{color:#2563eb;background:#f8fbff;border-color:#b8cdf5}.teacherTask,.teacherUpdate{border-bottom:1px solid #edf1f6;align-items:flex-start;gap:11px;padding:14px 2px;display:flex}.teacherTask:last-child,.teacherUpdate:last-of-type{border-bottom:0}.teacherTaskIcon,.teacherUpdateIcon{color:#475569;background:#f1f5f9;border-radius:10px;flex:0 0 37px;place-items:center;width:37px;height:37px;display:grid}.teacherTaskContent{flex:1;min-width:0}.teacherTaskTitle{justify-content:space-between;align-items:center;gap:8px;display:flex}.teacherTaskTitle strong{color:#334155;font-size:14px}.teacherTaskTitle span{color:#c2410c;background:#fff7ed;border-radius:20px;padding:4px 7px;font-size:13px;font-weight:800}.teacherTask p,.teacherUpdate p{color:#64748b;margin:4px 0;font-size:14px;line-height:1.5}.teacherTask small,.teacherUpdate span{color:#94a3b8;font-size:13px}.teacherUpdate>div:last-child{min-width:0}.teacherUpdate strong{color:#334155;font-size:14px;display:block}.teacherCalendarButton{color:#334155;cursor:pointer;background:#fafcff;border:1px solid #dbe3ef;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:40px;margin-top:12px;font-size:14px;font-weight:700;display:flex}.teacherCalendarButton:hover{color:#2563eb;border-color:#b8cdf5}.teacherSecurityNote{color:#2563eb;background:#f5f9ff;border:1px solid #dbeafe;border-radius:13px;align-items:flex-start;gap:11px;padding:15px 17px;display:flex}.teacherSecurityNote svg{flex:none;margin-top:2px}.teacherSecurityNote strong{color:#334155;margin-bottom:4px;font-size:14px;display:block}.teacherSecurityNote p{color:#64748b;margin:0;font-size:14px;line-height:1.55}@media (width<=1150px){.teacherStatsGrid,.teacherQuickGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacherProfileStats>div{min-width:100px;padding:3px 12px}}@media (width<=900px){.teacherProfileStrip{flex-wrap:wrap;align-items:flex-start}.teacherProfileStats{border-top:1px solid #edf1f6;width:100%;margin-left:0;padding-top:13px}.teacherProfileStats>div{flex:1}.teacherProfileStats>div:first-child{border-left:0;padding-left:0}.teacherMainGrid{grid-template-columns:1fr}}@media (width<=650px){.teacherDashboard{padding:18px 14px 24px}.teacherWelcome{flex-direction:column}.teacherDateBox{box-sizing:border-box;width:100%}.teacherStatsGrid,.teacherQuickGrid{grid-template-columns:1fr}.teacherProfileStats{flex-direction:column;gap:12px}.teacherProfileStats>div{border-left:0;padding:0}.teacherScheduleRow{grid-template-columns:1fr;gap:5px}.teacherClassStatus{width:fit-content}.teacherAttendanceOverview{flex-direction:column;gap:20px}.teacherAttendanceNumbers{flex-direction:row;justify-content:space-around;width:100%}}.teacherDashboard .teacherLargeAvatar{border-radius:18px;flex:0 0 82px;width:82px;height:82px}.teacherDashboard .teacherLargeAvatar img{object-fit:cover;object-position:center 40%;border-radius:inherit;width:100%;height:100%;display:block}.erp:has(.teacherDashboard) .topbar .profile .avatar{flex:0 0 46px;width:46px;height:46px;font-size:15px}.erp:has(.teacherDashboard) .sidebarFooter .principalAvatar{flex:0 0 46px;width:46px;height:46px;font-size:15px}.erp:has(.teacherDashboard) .topbar .profile .avatar img{object-fit:cover;object-position:center 40%;border-radius:inherit;width:100%;height:100%;display:block}.erp:has(.teacherDashboard) .sidebarFooter .principalAvatar img{object-fit:cover;object-position:center 40%;border-radius:inherit;width:100%;height:100%;display:block}@media (width<=760px){.teacherDashboard .teacherLargeAvatar{flex-basis:72px;width:72px;height:72px}}.teacherOwnAttendanceCompact{background:radial-gradient(circle at 96% 8%,#3b82f61a,#0000 27%),linear-gradient(135deg,#fff 0%,#f8fbff 100%);border:1px solid #dbe7f2;border-radius:18px;margin:18px 0;padding:18px;box-shadow:0 9px 24px #0f172a0d}.teacherOwnCompactLead{grid-template-columns:210px 1fr;align-items:center;gap:16px;margin-bottom:14px;display:grid}.teacherOwnCompactToday{background:#f8fafc;border:1px solid #dbe2ea;border-radius:14px;align-items:center;gap:10px;min-height:76px;padding:13px 14px;display:flex}.teacherOwnCompactToday span{color:#64748b;font-size:13px;display:block}.teacherOwnCompactToday strong{color:#0f172a;margin-top:3px;font-size:18px;display:block}.teacherOwnCompactToday.present{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.teacherOwnCompactToday.absent{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.teacherOwnCompactToday.leave{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.teacherOwnCompactToday.not-marked,.teacherOwnCompactToday.loading{color:#64748b;background:#f8fafc}.teacherOwnCompactEyebrow{letter-spacing:.07em;color:#2563eb;margin-bottom:3px;font-size:13px;font-weight:850;display:block}.teacherOwnCompactLead h3{color:#0f172a;margin:0 0 4px;font-size:19px}.teacherOwnCompactLead p{color:#64748b;margin:0;font-size:14px;line-height:1.45}.teacherOwnCompactStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.teacherOwnCompactStats>div{background:#fff;border:1px solid #e7edf4;border-radius:12px;padding:12px}.teacherOwnCompactStats svg{color:#2563eb}.teacherOwnCompactStats span{color:#64748b;margin:5px 0 2px;font-size:13px;display:block}.teacherOwnCompactStats strong{color:#0f172a;font-size:18px}.teacherOwnCompactFooter{border-top:1px solid #e7edf4;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;padding-top:12px;display:flex}.teacherOwnCompactFooter>span{color:#64748b;font-size:13px}.teacherOwnCompactFooter button{color:#2563eb;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:14px;font-weight:800;display:inline-flex}.teacherOwnCompactWarning{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;margin-top:10px;padding:9px 11px;font-size:13px;font-weight:650}@media (width<=900px){.teacherOwnCompactLead{grid-template-columns:1fr}.teacherOwnCompactStats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.teacherOwnCompactStats{grid-template-columns:1fr 1fr}.teacherOwnCompactFooter{flex-direction:column;align-items:flex-start}}.teacherClassesPage{box-sizing:border-box;flex-direction:column;gap:22px;width:100%;padding:28px 32px 40px;display:flex}.teacherClassesIntro{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.teacherClassesIntro>div:first-child>span{letter-spacing:.08em;color:#2563eb;margin-bottom:6px;font-size:14px;font-weight:800;display:block}.teacherClassesIntro h2{color:#172033;margin:0;font-size:27px;line-height:1.2}.teacherClassesIntro p{color:#64748b;margin:7px 0 0;font-size:15px;line-height:1.6}.teacherClassesTeacher{background:#fff;border:1px solid #e3e8f0;border-radius:13px;align-items:center;gap:12px;min-width:285px;padding:13px 15px;display:flex}.teacherClassesTeacher>div{color:#2563eb;background:#e8efff;border-radius:11px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:16px;font-weight:800;display:grid}.teacherClassesTeacher section{min-width:0}.teacherClassesTeacher strong,.teacherClassesTeacher span{display:block}.teacherClassesTeacher strong{color:#172033;margin-bottom:3px;font-size:15px}.teacherClassesTeacher span{color:#7b8799;font-size:14px;line-height:1.4}.teacherClassesSummary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.teacherClassSummaryCard{background:#fff;border:1px solid #e4e9f1;border-radius:14px;align-items:flex-start;gap:13px;min-width:0;padding:17px;display:flex;box-shadow:0 4px 14px #0f172a09}.teacherClassSummaryIcon{color:#2563eb;background:#eef4ff;border-radius:11px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.teacherClassSummaryCard>div:last-child{min-width:0}.teacherClassSummaryCard span,.teacherClassSummaryCard strong{display:block}.teacherClassSummaryCard span{color:#64748b;margin-bottom:3px;font-size:14px}.teacherClassSummaryCard strong{color:#172033;font-size:20px;line-height:1.25}.teacherClassSummaryCard p{color:#8491a5;margin:4px 0 0;font-size:14px;line-height:1.45}.teacherClassesToolbar{background:#fff;border:1px solid #e4e9f1;border-radius:15px;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.teacherClassesToolbar h3{color:#172033;margin:0;font-size:18px}.teacherClassesToolbar p{color:#64748b;margin:4px 0 0;font-size:14px}.teacherClassesSearch{color:#94a3b8;background:#fafcff;border:1px solid #dfe5ee;border-radius:10px;align-items:center;gap:9px;width:min(360px,100%);min-height:43px;padding:0 13px;display:flex}.teacherClassesSearch:focus-within{background:#fff;border-color:#93b4ef;box-shadow:0 0 0 3px #2563eb14}.teacherClassesSearch input{width:100%;min-width:0;font:inherit;color:#334155;background:0 0;border:0;outline:0;font-size:14px}.teacherClassesSearch input::placeholder{color:#94a3b8}.teacherClassGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.teacherClassCard{background:#fff;border:1px solid #e3e8f0;border-radius:15px;min-width:0;padding:20px;transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:0 4px 15px #0f172a09}.teacherClassCard:hover{border-color:#c7d7f2;transform:translateY(-2px);box-shadow:0 8px 22px #0f172a0f}.teacherClassCardTop{justify-content:space-between;align-items:flex-start;gap:12px;min-height:43px;display:flex}.teacherClassIcon{color:#2563eb;background:#eef4ff;border-radius:11px;place-items:center;width:43px;height:43px;display:grid}.teacherClassTeacherBadge{color:#15803d;background:#ecfdf5;border-radius:20px;padding:6px 10px;font-size:13px;font-weight:800}.teacherClassName{margin-top:14px}.teacherClassName>span{letter-spacing:.07em;color:#94a3b8;margin-bottom:3px;font-size:13px;font-weight:800;display:block}.teacherClassName h3{color:#172033;margin:0;font-size:25px;line-height:1.2}.teacherClassName p{color:#2563eb;margin:4px 0 0;font-size:15px;font-weight:600}.teacherClassDetails{border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;grid-template-columns:repeat(3,1fr);margin-top:18px;padding:14px 0;display:grid}.teacherClassDetails>div{border-right:1px solid #edf1f6;padding:0 13px}.teacherClassDetails>div:first-child{padding-left:0}.teacherClassDetails>div:last-child{border-right:0;padding-right:0}.teacherClassDetails span,.teacherClassDetails strong{display:block}.teacherClassDetails span{color:#7b8799;margin-bottom:3px;font-size:14px}.teacherClassDetails strong{color:#334155;font-size:17px}.teacherClassMeta{min-height:64px;padding:13px 0 3px}.teacherClassMeta p{color:#64748b;margin:5px 0;font-size:14px;line-height:1.5}.teacherClassMeta strong{color:#475569}.teacherViewStudentsButton{color:#2563eb;cursor:pointer;background:#f7faff;border:1px solid #d9e4f7;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;margin-top:12px;font-size:14px;font-weight:700;transition:all .18s;display:flex}.teacherViewStudentsButton svg:last-child{margin-left:auto}.teacherViewStudentsButton:hover{background:#eef5ff;border-color:#a9c2ee}.teacherClassesEmpty{color:#94a3b8;background:#fff;border:1px dashed #d5dce7;border-radius:15px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:7px;min-height:230px;display:flex}.teacherClassesEmpty strong{color:#475569;margin-top:5px;font-size:16px}.teacherClassesEmpty span{font-size:14px}.teacherClassesAccessNote{color:#2563eb;background:#f5f9ff;border:1px solid #dbeafe;border-radius:13px;align-items:flex-start;gap:11px;padding:15px 17px;display:flex}.teacherClassesAccessNote>svg{flex:none;margin-top:2px}.teacherClassesAccessNote strong{color:#334155;margin-bottom:4px;font-size:14px;display:block}.teacherClassesAccessNote p{color:#64748b;margin:0;font-size:14px;line-height:1.55}.teacherClassModalBackdrop{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a7a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.teacherClassModal{background:#fff;border:1px solid #e2e8f0;border-radius:17px;width:min(1050px,100%);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 24px 65px #0f172a38}.teacherClassModalHeader{z-index:2;background:#fff;border-bottom:1px solid #e8edf3;justify-content:space-between;align-items:flex-start;gap:20px;padding:21px 23px;display:flex;position:sticky;top:0}.teacherClassModalHeader span{letter-spacing:.07em;color:#2563eb;margin-bottom:4px;font-size:13px;font-weight:800;display:block}.teacherClassModalHeader h2{color:#172033;margin:0;font-size:23px}.teacherClassModalHeader p{color:#64748b;margin:5px 0 0;font-size:14px}.teacherClassCloseButton{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.teacherClassCloseButton:hover{color:#172033;background:#f8fafc}.teacherClassModalStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px 23px 5px;display:grid}.teacherClassModalStats>div{background:#fafcff;border:1px solid #e5eaf1;border-radius:11px;padding:14px 15px}.teacherClassModalStats span,.teacherClassModalStats strong{display:block}.teacherClassModalStats span{color:#7b8799;margin-bottom:4px;font-size:13px}.teacherClassModalStats strong{color:#334155;font-size:16px}.teacherStudentToolbar{justify-content:space-between;align-items:center;gap:18px;padding:20px 23px 14px;display:flex}.teacherStudentToolbar h3{color:#172033;margin:0;font-size:17px}.teacherStudentToolbar p{color:#7b8799;margin:4px 0 0;font-size:14px}.teacherStudentToolbar label{color:#94a3b8;background:#fafcff;border:1px solid #dfe5ee;border-radius:9px;align-items:center;gap:8px;width:min(300px,100%);min-height:40px;padding:0 12px;display:flex}.teacherStudentToolbar label:focus-within{background:#fff;border-color:#93b4ef}.teacherStudentToolbar input{width:100%;min-width:0;font:inherit;color:#334155;background:0 0;border:0;outline:0;font-size:14px}.teacherStudentTableWrap{border:1px solid #e5eaf1;border-radius:11px;margin:0 23px;overflow-x:auto}.teacherStudentTable{border-collapse:collapse;background:#fff;width:100%;min-width:800px}.teacherStudentTable th{text-align:left;white-space:nowrap;color:#64748b;background:#f8fafc;border-bottom:1px solid #e5eaf1;padding:12px 14px;font-size:14px;font-weight:700}.teacherStudentTable td{color:#475569;border-bottom:1px solid #edf1f6;padding:13px 14px;font-size:14px}.teacherStudentTable tbody tr:last-child td{border-bottom:0}.teacherStudentTable tbody tr:hover{background:#fafcff}.teacherStudentIdentity{align-items:center;gap:10px;display:flex}.teacherStudentIdentity>div{color:#2563eb;background:#eef4ff;border-radius:9px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.teacherStudentIdentity strong{white-space:nowrap;color:#334155;font-size:14px}.teacherStudentEmpty{text-align:center;color:#94a3b8!important;padding:35px!important}.teacherClassModalFooter{justify-content:space-between;align-items:center;gap:18px;padding:17px 23px 21px;display:flex}.teacherClassModalFooter span{color:#8491a5;font-size:14px;line-height:1.5}.teacherClassModalFooter button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:9px;min-width:90px;min-height:39px;padding:0 17px;font-size:14px;font-weight:700}.teacherClassModalFooter button:hover{background:#1d4ed8}@media (width<=1100px){.teacherClassesSummary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.teacherClassesIntro{flex-direction:column}.teacherClassesTeacher{box-sizing:border-box;width:100%}.teacherClassGrid{grid-template-columns:1fr}.teacherClassModalStats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.teacherClassesPage{padding:18px 14px 30px}.teacherClassesToolbar,.teacherStudentToolbar{flex-direction:column;align-items:stretch}.teacherClassesSearch,.teacherStudentToolbar label{box-sizing:border-box;width:100%}.teacherClassModalBackdrop{padding:10px}.teacherClassModal{max-height:calc(100vh - 20px)}.teacherClassModalHeader,.teacherStudentToolbar,.teacherClassModalStats{padding-left:16px;padding-right:16px}.teacherStudentTableWrap{margin-left:16px;margin-right:16px}.teacherClassModalFooter{padding-left:16px;padding-right:16px}}@media (width<=520px){.teacherClassesSummary,.teacherClassModalStats{grid-template-columns:1fr}.teacherClassDetails{grid-template-columns:1fr;gap:10px}.teacherClassDetails>div,.teacherClassDetails>div:first-child,.teacherClassDetails>div:last-child{border-right:0;padding:0}.teacherClassModalFooter{flex-direction:column;align-items:stretch}.teacherClassModalFooter button{width:100%}}.teacherHomeworkPage{flex-direction:column;gap:20px;display:flex}.teacherHomeworkHero{background:#fff;border:1px solid #e5e9f0;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:24px 26px;display:flex}.teacherHomeworkEyebrow{letter-spacing:.08em;color:#667085;margin-bottom:6px;font-size:14px;font-weight:800;display:block}.teacherHomeworkHero h2{color:#172033;margin:0 0 6px;font-size:24px}.teacherHomeworkHero p{color:#667085;margin:0;font-size:15px}.teacherHomeworkPrimary{color:#fff;font:inherit;cursor:pointer;background:#273142;border:1px solid #273142;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:14px;font-weight:700;display:inline-flex}.teacherHomeworkStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.teacherHomeworkStats>div{background:#fff;border:1px solid #e5e9f0;border-radius:15px;padding:18px 19px}.teacherHomeworkStats span,.teacherHomeworkStats small{display:block}.teacherHomeworkStats span{color:#667085;margin-bottom:5px;font-size:14px}.teacherHomeworkStats strong{color:#172033;margin-bottom:4px;font-size:24px;display:block}.teacherHomeworkStats small{color:#8b94a4;font-size:14px}.teacherHomeworkPanel{background:#fff;border:1px solid #e5e9f0;border-radius:16px;overflow:hidden}.teacherHomeworkToolbar{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.teacherHomeworkSearch{background:#fff;border:1px solid #dfe3e9;border-radius:9px;flex:1;align-items:center;gap:9px;max-width:520px;padding:0 12px;display:flex}.teacherHomeworkSearch input{width:100%;font:inherit;border:0;outline:0;padding:10px 0;font-size:14px}.teacherHomeworkToolbar select{font:inherit;color:#475467;background:#fff;border:1px solid #dfe3e9;border-radius:9px;padding:10px 12px;font-size:14px}.teacherHomeworkCard{border-bottom:1px solid #edf0f4;grid-template-columns:48px 1fr auto;gap:15px;padding:20px;display:grid}.teacherHomeworkCard:last-child{border-bottom:0}.teacherHomeworkIcon{color:#475467;background:#f2f5f9;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.teacherHomeworkTitleRow{justify-content:space-between;gap:15px;display:flex}.teacherHomeworkTitleRow>div>span{color:#667085;margin-bottom:3px;font-size:14px;font-weight:800;display:block}.teacherHomeworkTitleRow h3{color:#273142;margin:0;font-size:17px}.teacherHomeworkBody>p{color:#536072;margin:10px 0 12px;font-size:15px;line-height:1.5}.teacherHomeworkStatus{border-radius:999px;align-items:center;gap:5px;height:max-content;padding:5px 9px;font-size:14px;font-weight:800;display:inline-flex}.teacherHomeworkStatus.published{color:#16794a;background:#eaf8f0}.teacherHomeworkStatus.draft{color:#667085;background:#f2f4f7}.teacherHomeworkMeta{flex-wrap:wrap;gap:10px 18px;display:flex}.teacherHomeworkMeta span{color:#7b8495;align-items:center;gap:6px;font-size:14px;display:inline-flex}.teacherHomeworkFile{color:#475467;background:#f7f9fc;border-radius:8px;align-items:center;gap:7px;margin-top:12px;padding:7px 9px;font-size:14px;display:inline-flex}.teacherHomeworkActions{gap:7px;display:flex}.teacherHomeworkActions button{color:#475467;cursor:pointer;background:#fff;border:1px solid #dfe3e9;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.teacherHomeworkEmpty{text-align:center;color:#7b8495;padding:35px;font-size:15px}.teacherHomeworkNotice{color:#475467;background:#f7f9fc;border:1px solid #dfe6f2;border-radius:13px;align-items:flex-start;gap:12px;padding:15px 18px;display:flex}.teacherHomeworkNotice strong{margin-bottom:3px;font-size:15px;display:block}.teacherHomeworkNotice p{color:#667085;margin:0;font-size:14px;line-height:1.45}.teacherHomeworkOverlay{z-index:1000;background:#11182794;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.teacherHomeworkModal{background:#fff;border-radius:17px;width:min(720px,96vw);max-height:92vh;overflow-y:auto;box-shadow:0 24px 70px #00000038}.teacherHomeworkModalHeader{border-bottom:1px solid #e8ebef;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.teacherHomeworkModalHeader span{letter-spacing:.08em;color:#667085;margin-bottom:3px;font-size:13px;font-weight:800;display:block}.teacherHomeworkModalHeader h2{color:#172033;margin:0;font-size:21px}.teacherHomeworkModalHeader>button{cursor:pointer;background:#fff;border:1px solid #dfe3e9;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.teacherHomeworkModalBody{padding:21px 22px}.teacherHomeworkFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.teacherHomeworkModalBody label>span{color:#475467;margin-bottom:6px;font-size:14px;font-weight:700;display:block}.teacherHomeworkModalBody input,.teacherHomeworkModalBody select,.teacherHomeworkModalBody textarea{box-sizing:border-box;width:100%;font:inherit;color:#344054;background:#fff;border:1px solid #dfe3e9;border-radius:9px;outline:0;padding:10px 11px;font-size:14px}.teacherHomeworkModalBody textarea{resize:vertical}.teacherHomeworkFullField{margin-top:15px;display:block}.teacherHomeworkAttachmentInput{border:1px solid #dfe3e9;border-radius:9px;align-items:center;gap:8px;padding-left:10px;display:flex}.teacherHomeworkAttachmentInput input{border:0}.teacherHomeworkFullField small{color:#8a93a3;margin-top:5px;font-size:13px;display:block}.teacherHomeworkModalFooter{border-top:1px solid #e8ebef;justify-content:flex-end;gap:9px;padding:16px 22px 20px;display:flex}.teacherHomeworkModalFooter>button{font:inherit;cursor:pointer;border-radius:9px;padding:9px 13px;font-size:14px;font-weight:700}.teacherHomeworkCancel{color:#475467;background:#fff;border:1px solid #d9dee5}.teacherHomeworkDraft{color:#344054;background:#f7f8fa;border:1px solid #cfd5dd}@media (width<=900px){.teacherHomeworkStats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.teacherHomeworkHero,.teacherHomeworkToolbar,.teacherHomeworkTitleRow{flex-direction:column;align-items:stretch}.teacherHomeworkStats,.teacherHomeworkFormGrid,.teacherHomeworkCard{grid-template-columns:1fr}.teacherHomeworkActions{justify-content:flex-end}.teacherHomeworkModalFooter{flex-wrap:wrap}}.teacherTimetablePage{flex-direction:column;gap:20px;font-size:16px;display:flex}.teacherTimetableHero{background:#fff;border:1px solid #e3e7ed;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:25px 27px;display:flex}.teacherTimetableEyebrow{letter-spacing:.05em;color:#667085;margin-bottom:7px;font-size:15px;font-weight:800;display:block}.teacherTimetableHero h2{color:#172033;margin:0 0 7px;font-size:27px}.teacherTimetableHero p{color:#667085;margin:0;font-size:16px;line-height:1.5}.teacherTimetableSelected{color:#344054;background:#f7f9fc;border:1px solid #dfe6f2;border-radius:13px;align-items:center;gap:13px;min-width:230px;padding:16px 19px;display:flex}.teacherTimetableSelected span,.teacherTimetableSelected small{color:#667085;font-size:14px;display:block}.teacherTimetableSelected strong{color:#172033;margin:3px 0;font-size:21px;display:block}.teacherTimetableStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.teacherTimetableStats>div{background:#fff;border:1px solid #e3e7ed;border-radius:15px;padding:19px 20px}.teacherTimetableStats span{color:#667085;margin-bottom:6px;font-size:15px;display:block}.teacherTimetableStats strong{color:#172033;margin-bottom:5px;font-size:24px;display:block}.teacherTimetableStats small{color:#7b8495;font-size:14px;display:block}.teacherTimetablePanel{background:#fff;border:1px solid #e3e7ed;border-radius:16px;overflow:hidden}.teacherTimetableHeader{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex}.teacherTimetableHeader h3{color:#172033;margin:0 0 5px;font-size:20px}.teacherTimetableHeader p{color:#667085;margin:0;font-size:15px}.teacherTimetableHeader select{color:#344054;font:inherit;background:#fff;border:1px solid #d8dee7;border-radius:9px;padding:11px 13px;font-size:15px}.teacherTimetableDays{background:#fafbfc;border-bottom:1px solid #edf0f4;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;padding:15px 21px;display:grid}.teacherTimetableDays button{color:#667085;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce1e8;border-radius:9px;padding:11px 7px;font-size:15px;font-weight:800}.teacherTimetableDays button.active{color:#fff;background:#273142;border-color:#273142}.teacherTimetableList{flex-direction:column;display:flex}.teacherTimetablePeriod{border-bottom:1px solid #edf0f4;grid-template-columns:64px 48px minmax(170px,1.1fr) minmax(135px,.8fr) minmax(145px,.9fr) minmax(150px,.9fr);align-items:center;gap:14px;padding:18px 21px;display:grid;position:relative}.teacherTimetablePeriod:last-child{border-bottom:0}.teacherTimetableNumber{text-align:center}.teacherTimetableNumber span{letter-spacing:.05em;color:#8a93a3;font-size:14px;font-weight:800;display:block}.teacherTimetableNumber strong{color:#344054;font-size:22px}.teacherTimetableIcon{color:#475467;background:#f2f5f9;border-radius:11px;place-items:center;width:45px;height:45px;display:grid}.teacherTimetableTime span,.teacherTimetableClass span,.teacherTimetableSubject span,.teacherTimetableRoom span{color:#7b8495;margin-bottom:3px;font-size:14px;display:block}.teacherTimetableTime strong,.teacherTimetableClass strong,.teacherTimetableSubject strong,.teacherTimetableRoom strong{color:#344054;font-size:16px}.teacherTimetableClass,.teacherTimetableSubject,.teacherTimetableRoom{color:#667085;align-items:center;gap:8px;display:flex}.teacherTimetableNote{color:#667085;background:#f7f9fc;border-radius:8px;grid-column:3/-1;padding:9px 12px;font-size:15px}.teacherTimetableEmpty{text-align:center;color:#667085;padding:38px 20px;font-size:16px}.teacherTimetableInfo{color:#475467;background:#f7f9fc;border:1px solid #dfe6f2;border-radius:13px;align-items:flex-start;gap:12px;padding:16px 19px;display:flex}.teacherTimetableInfo strong{margin-bottom:4px;font-size:16px;display:block}.teacherTimetableInfo p{color:#667085;margin:0;font-size:15px;line-height:1.5}@media (width<=1100px){.teacherTimetableStats{grid-template-columns:repeat(2,minmax(0,1fr))}.teacherTimetablePeriod{grid-template-columns:58px 44px 1fr 1fr}.teacherTimetableSubject,.teacherTimetableRoom{grid-column:span 1}}@media (width<=720px){.teacherTimetableHero,.teacherTimetableHeader{flex-direction:column;align-items:stretch}.teacherTimetableStats{grid-template-columns:1fr}.teacherTimetableDays{grid-template-columns:repeat(2,1fr)}.teacherTimetablePeriod{grid-template-columns:48px 1fr}.teacherTimetableIcon{display:none}.teacherTimetableTime,.teacherTimetableClass,.teacherTimetableSubject,.teacherTimetableRoom,.teacherTimetableNote{grid-column:2}.teacherTimetableNumber{grid-row:1/6}}.teacherMarksPage{flex-direction:column;gap:20px;font-size:16px;display:flex}.teacherMarksHero{background:#fff;border:1px solid #e3e7ed;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:25px 27px;display:flex}.teacherMarksEyebrow{letter-spacing:.05em;color:#667085;margin-bottom:7px;font-size:15px;font-weight:800;display:block}.teacherMarksHero h2{color:#172033;margin:0 0 7px;font-size:27px}.teacherMarksHero p{color:#667085;margin:0;font-size:16px;line-height:1.5}.teacherMarksRole{color:#344054;background:#f7f9fc;border:1px solid #dfe6f2;border-radius:13px;align-items:center;gap:13px;min-width:270px;padding:16px 19px;display:flex}.teacherMarksRole span,.teacherMarksRole small{color:#667085;font-size:14px;display:block}.teacherMarksRole strong{color:#172033;margin:3px 0;font-size:21px;display:block}.teacherMarksStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.teacherMarksStats>div{background:#fff;border:1px solid #e3e7ed;border-radius:15px;padding:19px 20px}.teacherMarksStats span{color:#667085;margin-bottom:6px;font-size:15px;display:block}.teacherMarksStats strong{color:#172033;margin-bottom:5px;font-size:25px;display:block}.teacherMarksStats small{color:#7b8495;font-size:14px;display:block}.teacherMarksPanel{background:#fff;border:1px solid #e3e7ed;border-radius:16px;overflow:hidden}.teacherMarksHeader{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex}.teacherMarksHeader h3{color:#172033;margin:0 0 5px;font-size:20px}.teacherMarksHeader p{color:#667085;margin:0;font-size:15px}.teacherMarksSelectors{gap:10px;display:flex}.teacherMarksSelectors select{color:#344054;min-width:180px;font:inherit;background:#fff;border:1px solid #d8dee7;border-radius:9px;padding:11px 13px;font-size:15px}.teacherMarksContext{background:#fafbfc;border-bottom:1px solid #edf0f4;grid-template-columns:repeat(3,1fr);display:grid}.teacherMarksContext>div{color:#667085;border-right:1px solid #e8ebf0;grid-template-columns:28px 1fr;align-items:center;column-gap:8px;padding:15px 18px;display:grid}.teacherMarksContext svg{grid-row:1/3}.teacherMarksContext span{font-size:14px}.teacherMarksContext strong{color:#344054;font-size:16px}.teacherMarksToolbar{color:#667085;border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:15px;padding:15px 20px;font-size:15px;display:flex}.teacherMarksSearch{border:1px solid #d8dee7;border-radius:9px;align-items:center;gap:9px;width:min(470px,100%);padding:0 12px;display:flex}.teacherMarksSearch input{width:100%;font:inherit;background:0 0;border:0;outline:0;padding:11px 0;font-size:15px}.teacherMarksTableWrap{overflow-x:auto}.teacherMarksTable{border-collapse:collapse;width:100%}.teacherMarksTable th,.teacherMarksTable td{text-align:left;color:#475467;border-bottom:1px solid #edf0f4;padding:14px 16px;font-size:15px}.teacherMarksTable th{color:#667085;background:#fafbfc;font-size:14px;font-weight:800}.teacherMarksTable td strong{color:#273142;font-size:16px}.teacherMarksInput{align-items:center;gap:7px;display:flex}.teacherMarksInput input{text-align:center;width:68px;font:inherit;border:1px solid #ccd3dd;border-radius:8px;padding:9px 8px;font-size:16px;font-weight:800}.teacherMarksInput span{color:#7b8495;font-size:15px}.markBadge,.passBadge,.failBadge,.draftBadge{white-space:nowrap;border-radius:7px;padding:6px 9px;font-size:14px;font-weight:800;display:inline-block}.markBadge{color:#344054;background:#eef2f7}.passBadge{color:#287242;background:#eaf7ee}.failBadge{color:#b42318;background:#fff0f0}.draftBadge{color:#9a5b13;background:#fff6e8}.teacherMarksActions{justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.teacherMarksActions>div:first-child strong,.teacherMarksActions>div:first-child span{font-size:15px;display:block}.teacherMarksActions>div:first-child span{color:#667085;margin-top:3px}.teacherMarksActions>div:last-child{gap:10px;display:flex}.draftButton,.publishButton{font:inherit;cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:11px 15px;font-size:15px;font-weight:800;display:flex}.draftButton{color:#344054;background:#fff;border:1px solid #d8dee7}.publishButton{color:#fff;background:#273142;border:0}.teacherMarksInfo{color:#475467;background:#f7f9fc;border:1px solid #dfe6f2;border-radius:13px;align-items:flex-start;gap:12px;padding:16px 19px;display:flex}.teacherMarksInfo strong{margin-bottom:4px;font-size:16px;display:block}.teacherMarksInfo p{color:#667085;margin:0;font-size:15px;line-height:1.5}@media (width<=900px){.teacherMarksStats{grid-template-columns:repeat(2,1fr)}.teacherMarksHero,.teacherMarksHeader,.teacherMarksActions{flex-direction:column;align-items:stretch}}@media (width<=650px){.teacherMarksStats,.teacherMarksContext{grid-template-columns:1fr}.teacherMarksSelectors,.teacherMarksActions>div:last-child,.teacherMarksToolbar{flex-direction:column;align-items:stretch}.teacherMarksSelectors select{width:100%}}.teacherMarksDataError{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin:0 20px 16px;padding:12px 14px;font-size:15px;font-weight:700}.teacherMarksActions button:disabled,.teacherMarksInput input:disabled{opacity:.6;cursor:not-allowed}.teacherProfilePage{flex-direction:column;gap:20px;font-size:16px;display:flex}.teacherProfileHero{background:#fff;border:1px solid #e3e7ed;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:26px 28px;display:flex}.teacherProfileIdentity{align-items:center;gap:18px;display:flex}.teacherProfileAvatar{color:#273142;background:#eef2f7;border-radius:20px;place-items:center;width:78px;height:78px;font-size:27px;font-weight:800;display:grid;overflow:hidden}.teacherProfileAvatar.hasPhoto{background:#fff}.teacherProfileAvatar img{object-fit:cover;width:100%;height:100%;display:block}.teacherProfileEyebrow{letter-spacing:.05em;color:#667085;margin-bottom:5px;font-size:15px;font-weight:800;display:block}.teacherProfileIdentity h2{color:#172033;margin:0 0 5px;font-size:27px}.teacherProfileIdentity p{color:#667085;margin:0;font-size:16px}.teacherProfileBadges{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.teacherProfileBadges span{color:#287242;background:#edf7f0;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:14px;font-weight:700;display:flex}.teacherProfileIdCard{background:#f7f9fc;border:1px solid #dfe6f2;border-radius:13px;min-width:250px;padding:17px 20px}.teacherProfileIdCard span,.teacherProfileIdCard small{color:#667085;font-size:14px;display:block}.teacherProfileIdCard strong{color:#172033;margin:4px 0;font-size:23px;display:block}.teacherProfileOverviewStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.teacherProfileOverviewStats>div{color:#667085;background:#fff;border:1px solid #e3e7ed;border-radius:15px;padding:19px 20px}.teacherProfileOverviewStats span{margin-top:10px;font-size:15px;display:block}.teacherProfileOverviewStats strong{color:#172033;margin:4px 0;font-size:23px;display:block}.teacherProfileOverviewStats small{color:#7b8495;font-size:14px;display:block}.teacherProfileGrid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.teacherProfilePanel{background:#fff;border:1px solid #e3e7ed;border-radius:16px;overflow:hidden}.teacherProfilePanelHeader{border-bottom:1px solid #edf0f4;padding:20px 22px}.teacherProfilePanelHeader h3,.teacherAccessContent h3{color:#172033;margin:0 0 5px;font-size:20px}.teacherProfilePanelHeader p,.teacherAccessContent>p{color:#667085;margin:0;font-size:15px;line-height:1.5}.teacherProfileDetails{grid-template-columns:1fr 1fr;display:grid}.teacherProfileField{border-bottom:1px solid #edf0f4;align-items:flex-start;gap:11px;padding:17px 20px;display:flex}.teacherProfileField:nth-child(odd){border-right:1px solid #edf0f4}.teacherProfileFieldIcon{color:#475467;background:#f2f4f7;border-radius:9px;flex:none;place-items:center;width:38px;height:38px;display:grid}.teacherProfileField span{color:#7b8495;margin-bottom:4px;font-size:14px;display:block}.teacherProfileField strong{color:#344054;font-size:16px;line-height:1.4;display:block}.teacherAssignedClasses{padding:18px 20px}.teacherAssignedClasses>span{color:#667085;margin-bottom:10px;font-size:15px;font-weight:700;display:block}.teacherAssignedClasses>div{flex-wrap:wrap;gap:8px;display:flex}.teacherAssignedClasses strong{color:#344054;background:#eef2f7;border-radius:8px;padding:8px 11px;font-size:15px}.teacherAccessPanel{background:#fff;border:1px solid #e3e7ed;border-radius:16px;gap:16px;padding:21px 22px;display:flex}.teacherAccessIcon{color:#344054;background:#eef2f7;border-radius:12px;flex:none;place-items:center;width:48px;height:48px;display:grid}.teacherAccessContent{flex:1}.teacherAccessGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:17px;display:grid}.teacherAccessItem{border-radius:9px;align-items:center;gap:8px;padding:11px 12px;font-size:15px;display:flex}.teacherAccessItem.allowed{color:#287242;background:#edf7f0}.teacherAccessItem.blocked{color:#667085;background:#f7f7f8}.teacherAccessItem span{font-size:16px;font-weight:800}.teacherAccessItem strong{font-size:15px}.teacherProfileNotice{color:#475467;background:#f7f9fc;border:1px solid #dfe6f2;border-radius:13px;align-items:flex-start;gap:12px;padding:17px 20px;display:flex}.teacherProfileNotice strong{margin-bottom:4px;font-size:16px;display:block}.teacherProfileNotice p{color:#667085;margin:0;font-size:15px;line-height:1.55}@media (width<=1050px){.teacherProfileOverviewStats,.teacherAccessGrid{grid-template-columns:repeat(2,1fr)}.teacherProfileGrid{grid-template-columns:1fr}}@media (width<=700px){.teacherProfileHero{flex-direction:column;align-items:stretch}.teacherProfileIdentity{align-items:flex-start}.teacherProfileOverviewStats,.teacherAccessGrid,.teacherProfileDetails{grid-template-columns:1fr}.teacherProfileField:nth-child(odd){border-right:0}.teacherProfileIdCard{min-width:0}}.teacherMyAttendancePage{font-size:15px}.teacherMyAttendanceIntro{background:radial-gradient(circle at 95% 6%,#3b82f61a,#0000 28%),linear-gradient(135deg,#fff 0%,#f8fbff 100%);border:1px solid #dbe7f2;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:20px;display:flex}.teacherMyAttendanceIntro>div:first-child>span{color:#2563eb;letter-spacing:.08em;margin-bottom:4px;font-size:13px;font-weight:850;display:block}.teacherMyAttendanceIntro h2{color:#0f172a;margin:0 0 5px;font-size:24px}.teacherMyAttendanceIntro p{color:#64748b;margin:0;font-size:14px}.teacherMyAttendanceToday{background:#f8fafc;border:1px solid #dbe2ea;border-radius:14px;align-items:center;gap:9px;min-width:160px;padding:12px 14px;display:flex}.teacherMyAttendanceToday span{color:#64748b;font-size:13px;display:block}.teacherMyAttendanceToday strong{color:#0f172a;margin-top:2px;font-size:16px;display:block}.teacherMyAttendanceToday.present{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.teacherMyAttendanceToday.absent{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.teacherMyAttendanceToday.leave{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.teacherMyAttendanceTabs{background:#fff;border:1px solid #dbe2ea;border-radius:14px;gap:7px;margin-bottom:16px;padding:5px;display:flex}.teacherMyAttendanceTabs button{color:#475569;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;min-height:43px;font-size:14px;font-weight:800}.teacherMyAttendanceTabs button.active{color:#3730a3;background:#eef2ff}.teacherMyAttendancePanel{padding:18px;overflow:hidden}.teacherMyAttendancePanelHeader{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:16px;display:flex}.teacherMyAttendancePanelHeader h3{margin:0 0 4px;font-size:19px}.teacherMyAttendancePanelHeader p{color:#64748b;margin:0;font-size:14px}.teacherMyAttendancePicker{background:#fff;border:1px solid #dbe2ea;border-radius:11px;align-items:center;gap:8px;min-height:42px;padding:0 12px;display:flex}.teacherMyAttendancePicker input{font:inherit;background:0 0;border:0;outline:0}.teacherMyDailyResult{grid-template-columns:1fr 240px;gap:12px;display:grid}.teacherMyDailyResult>div{background:#f8fafc;border:1px solid #e7edf4;border-radius:14px;min-height:100px;padding:16px}.teacherMyDailyResult span{color:#64748b;margin-bottom:5px;font-size:13px;display:block}.teacherMyDailyResult strong{color:#0f172a;font-size:18px;display:block}.teacherMyDailyResult small{color:#64748b;margin-top:4px;font-size:13px;display:block}.teacherMyDailyStatus.present{background:#ecfdf5;border-color:#a7f3d0}.teacherMyDailyStatus.absent{background:#fef2f2;border-color:#fecaca}.teacherMyDailyStatus.leave{background:#fff7ed;border-color:#fed7aa}.teacherMyAttendanceStats{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.teacherMyAttendanceStats>div{background:#f8fafc;border:1px solid #e7edf4;border-radius:13px;padding:13px}.teacherMyAttendanceStats svg{color:#2563eb}.teacherMyAttendanceStats span{color:#64748b;margin:5px 0 2px;font-size:13px;display:block}.teacherMyAttendanceStats strong{color:#0f172a;font-size:19px}.teacherMyAttendanceTableWrap{overflow-x:auto}.teacherMyAttendanceTable{border-collapse:collapse;width:100%;min-width:560px}.teacherMyAttendanceTable th,.teacherMyAttendanceTable td{text-align:left;border-top:1px solid #edf0f4;padding:13px 14px;font-size:14px}.teacherMyAttendanceTable th{color:#475569;background:#f8fafc;font-weight:800}.teacherMyAttendanceStatus{border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.teacherMyAttendanceStatus.present{color:#166534;background:#dcfce7}.teacherMyAttendanceStatus.absent{color:#991b1b;background:#fee2e2}.teacherMyAttendanceStatus.leave{color:#9a3412;background:#ffedd5}.teacherMyAttendanceEmpty{color:#64748b;text-align:center!important;padding:22px!important}.teacherMyAttendanceWarning{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:13px;font-weight:650}@media (width<=900px){.teacherMyAttendanceIntro,.teacherMyAttendancePanelHeader{flex-direction:column;align-items:stretch}.teacherMyAttendanceStats{grid-template-columns:repeat(2,minmax(0,1fr))}.teacherMyAttendanceToday,.teacherMyAttendancePicker{width:100%}}@media (width<=520px){.teacherMyDailyResult{grid-template-columns:1fr}.teacherMyAttendanceStats{grid-template-columns:1fr 1fr}}.studentAttendancePage{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;padding:24px 26px 32px;display:flex}.studentAttendanceIntro{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.studentAttendanceEyebrow{letter-spacing:.08em;color:#2563eb;margin-bottom:6px;font-size:14px;font-weight:800;display:block}.studentAttendanceIntro h2{color:#172033;margin:0;font-size:27px;line-height:1.25}.studentAttendanceIntro p{color:#64748b;max-width:620px;margin:7px 0 0;font-size:15px;line-height:1.55}.studentAttendanceIdentity{background:#fff;border:1px solid #e2e8f0;border-radius:13px;align-items:center;gap:12px;min-width:260px;padding:13px 15px;display:flex}.studentAttendanceAvatar{color:#2563eb;background:#eaf1ff;border-radius:11px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:16px;font-weight:800;display:grid}.studentAttendanceIdentity strong,.studentAttendanceIdentity span{display:block}.studentAttendanceIdentity strong{color:#263449;margin-bottom:3px;font-size:15px}.studentAttendanceIdentity span{color:#8491a5;font-size:13px}.studentAttendanceSummaryGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.studentAttendanceSummaryCard{background:#fff;border:1px solid #e3e8f0;border-radius:14px;align-items:flex-start;gap:13px;min-width:0;padding:17px;display:flex;box-shadow:0 4px 14px #0f172a09}.studentAttendanceSummaryIcon{color:#2563eb;background:#eef4ff;border-radius:11px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.studentAttendanceSummaryCard.success .studentAttendanceSummaryIcon{color:#16a34a;background:#dcfce7}.studentAttendanceSummaryCard.danger .studentAttendanceSummaryIcon{color:#dc2626;background:#fee2e2}.studentAttendanceSummaryCard span,.studentAttendanceSummaryCard strong{display:block}.studentAttendanceSummaryCard span{color:#64748b;margin-bottom:4px;font-size:14px}.studentAttendanceSummaryCard strong{color:#172033;font-size:24px;line-height:1.2}.studentAttendanceSummaryCard p{color:#94a3b8;margin:5px 0 0;font-size:13px;line-height:1.4}.studentAttendanceLatest{background:#f4fbf7;border:1px solid #d9f0e3;border-radius:14px;align-items:center;gap:14px;padding:17px 18px;display:flex}.studentAttendanceLatestIcon{color:#16a34a;background:#dcfce7;border-radius:12px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}.studentAttendanceLatestText{flex:1;min-width:0}.studentAttendanceLatestText>span{letter-spacing:.07em;color:#16a34a;margin-bottom:3px;font-size:13px;font-weight:800;display:block}.studentAttendanceLatestText h3{color:#263449;margin:0;font-size:16px}.studentAttendanceLatestText p{color:#64748b;margin:4px 0 0;font-size:14px}.studentAttendanceLatestRight{text-align:right;flex:none}.studentAttendancePresentBadge{color:#15803d;background:#dcfce7;border-radius:20px;padding:6px 11px;font-size:13px;font-weight:800;display:inline-block}.studentAttendanceLatestRight small{color:#64748b;justify-content:flex-end;align-items:center;gap:4px;margin-top:7px;font-size:13px;display:flex}.studentAttendanceHistoryPanel{background:#fff;border:1px solid #e3e8f0;border-radius:15px;padding:20px;box-shadow:0 4px 15px #0f172a09}.studentAttendanceHistoryHeader{justify-content:space-between;align-items:center;gap:18px;margin-bottom:17px;display:flex}.studentAttendanceHistoryHeader h3{color:#172033;margin:0;font-size:18px}.studentAttendanceHistoryHeader p{color:#8491a5;margin:4px 0 0;font-size:14px}.studentAttendanceMonthControl{color:#64748b;background:#fff;border:1px solid #dce3ec;border-radius:9px;align-items:center;gap:8px;min-width:205px;padding:0 11px;display:flex}.studentAttendanceMonthControl select{color:#334155;cursor:pointer;background:0 0;border:0;outline:0;width:100%;min-height:39px;font-size:14px}.studentAttendancePeriodSummary{background:#fafcff;border:1px solid #edf1f6;border-radius:11px;grid-template-columns:repeat(4,1fr);margin-bottom:17px;padding:13px 15px;display:grid}.studentAttendancePeriodSummary>div{border-right:1px solid #e5eaf1;padding:0 15px}.studentAttendancePeriodSummary>div:first-child{padding-left:0}.studentAttendancePeriodSummary>div:last-child{border-right:0;padding-right:0}.studentAttendancePeriodSummary span,.studentAttendancePeriodSummary strong{display:block}.studentAttendancePeriodSummary span{color:#8491a5;margin-bottom:3px;font-size:13px}.studentAttendancePeriodSummary strong{color:#334155;font-size:17px}.studentAttendanceTableWrap{border:1px solid #e8edf3;border-radius:11px;overflow-x:auto}.studentAttendanceTable{border-collapse:collapse;width:100%;min-width:800px}.studentAttendanceTable th{text-align:left;white-space:nowrap;color:#64748b;background:#f8fafc;border-bottom:1px solid #e5eaf1;padding:12px 14px;font-size:13px;font-weight:800}.studentAttendanceTable td{color:#475569;border-bottom:1px solid #edf1f6;padding:13px 14px;font-size:14px}.studentAttendanceTable tbody tr:last-child td{border-bottom:0}.studentAttendanceTable tbody tr:hover{background:#fafcff}.studentAttendanceTable td strong{color:#334155;font-size:14px}.studentAttendanceStatus{border-radius:20px;align-items:center;gap:5px;width:fit-content;padding:5px 9px;font-size:13px;font-weight:800;display:inline-flex}.studentAttendanceStatus.present{color:#15803d;background:#dcfce7}.studentAttendanceStatus.absent{color:#b91c1c;background:#fee2e2}.studentAttendanceTime{white-space:nowrap;color:#64748b;align-items:center;gap:5px;display:inline-flex}.studentAttendanceDelivered{white-space:nowrap;color:#2563eb;background:#eef4ff;border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:13px;font-weight:700;display:inline-flex}.studentAttendanceEmpty{text-align:center;color:#94a3b8!important;padding:35px!important}.studentAttendanceBottomGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.studentAttendanceInsight,.studentAttendanceNotificationInfo{background:#fff;border:1px solid #e3e8f0;border-radius:13px;align-items:flex-start;gap:12px;padding:16px 17px;display:flex}.studentAttendanceInsightIcon{color:#2563eb;background:#eef4ff;border-radius:10px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.studentAttendanceInsight>div:last-child,.studentAttendanceNotificationInfo>div{flex:1;min-width:0}.studentAttendanceInsight span{letter-spacing:.05em;color:#2563eb;margin-bottom:3px;font-size:13px;font-weight:800;display:block}.studentAttendanceInsight strong,.studentAttendanceNotificationInfo strong{color:#334155;font-size:14px;display:block}.studentAttendanceInsight p,.studentAttendanceNotificationInfo p{color:#64748b;margin:4px 0 0;font-size:13px;line-height:1.5}.studentAttendanceNotificationInfo>svg{color:#2563eb;flex:none;margin-top:2px}.studentAttendanceNotificationInfo>span{color:#15803d;background:#dcfce7;border-radius:20px;flex:none;padding:5px 9px;font-size:13px;font-weight:800}.studentAttendanceNavigationHint{color:#94a3b8;justify-content:center;align-items:center;gap:7px;font-size:13px;display:flex}@media (width<=1100px){.studentAttendanceSummaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=850px){.studentAttendanceIntro{flex-direction:column}.studentAttendanceIdentity{box-sizing:border-box;width:100%}.studentAttendanceLatest{flex-wrap:wrap;align-items:flex-start}.studentAttendanceLatestRight{text-align:left;margin-left:62px}.studentAttendanceLatestRight small{justify-content:flex-start}.studentAttendanceHistoryHeader{flex-direction:column;align-items:flex-start}.studentAttendanceMonthControl{box-sizing:border-box;width:100%}.studentAttendanceBottomGrid{grid-template-columns:1fr}}@media (width<=650px){.studentAttendancePage{padding:18px 14px 25px}.studentAttendanceSummaryGrid{grid-template-columns:1fr}.studentAttendancePeriodSummary{grid-template-columns:repeat(2,1fr);gap:13px 0}.studentAttendancePeriodSummary>div{border-right:0;padding:0}.studentAttendanceLatestRight{width:100%;margin-left:62px}.studentAttendanceNotificationInfo{flex-wrap:wrap}.studentAttendanceNotificationInfo>span{margin-left:32px}}.sf-page{flex-direction:column;gap:18px;display:flex}.sf-hero{background:#fff;border:1px solid #e5e9f0;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:23px 25px;display:flex}.sf-hero>div>span{letter-spacing:.07em;color:#667085;font-size:14px;font-weight:800}.sf-hero h2{color:#172033;margin:6px 0;font-size:24px}.sf-hero p{color:#667085;margin:0;font-size:15px}.sf-current{background:#f4fbf7;border:1px solid #d8eee1;border-radius:12px;min-width:190px;padding:14px 17px}.sf-current span,.sf-current small{color:#627268;font-size:14px;display:block}.sf-current strong{color:#16794a;margin:3px 0;font-size:22px;display:block}.sf-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.sf-stat{background:#fff;border:1px solid #e5e9f0;border-radius:14px;padding:18px}.sf-statIcon{color:#344054;background:#f2f5f9;border-radius:10px;place-items:center;width:39px;height:39px;margin-bottom:12px;display:grid}.sf-stat>span{color:#667085;font-size:14px;display:block}.sf-stat>strong{color:#172033;margin:5px 0;font-size:22px;display:block}.sf-stat>small{color:#8992a3;font-size:14px}.sf-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);align-items:start;gap:17px;display:grid}.sf-card{background:#fff;border:1px solid #e5e9f0;border-radius:15px;overflow:hidden}.sf-header{border-bottom:1px solid #edf0f4;padding:18px 20px}.sf-header h3{color:#172033;margin:0 0 4px;font-size:18px}.sf-header p{color:#7b8495;margin:0;font-size:14px}.sf-tableWrap{overflow-x:auto}.sf-table{border-collapse:collapse;width:100%;font-size:14px}.sf-table th{text-align:left;white-space:nowrap;color:#667085;background:#fafbfc;border-bottom:1px solid #edf0f4;padding:12px 14px;font-size:14px}.sf-table td{color:#475467;vertical-align:middle;border-bottom:1px solid #f0f2f5;padding:13px 14px}.sf-table tbody tr:last-child td{border-bottom:0}.sf-table td strong{color:#273142}.sf-badge{border-radius:999px;justify-content:center;min-width:64px;padding:5px 9px;font-size:14px;font-weight:700;display:inline-flex}.sf-badge.paid{color:#147a48;background:#eaf8f0}.sf-badge.pending{color:#a35a00;background:#fff4df}.sf-other{padding:4px 18px}.sf-otherRow{border-bottom:1px solid #eef1f4;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;padding:16px 0;display:grid}.sf-otherRow:last-child{border-bottom:0}.sf-otherIcon{color:#475467;background:#f3f5f8;border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.sf-otherRow>div:nth-child(2) strong,.sf-otherRow>div:nth-child(2) span{display:block}.sf-otherRow>div:nth-child(2) strong{color:#273142;font-size:15px}.sf-otherRow>div:nth-child(2) span{color:#8a93a3;margin-top:4px;font-size:14px}.sf-otherRow>div:last-child{text-align:right}.sf-otherRow>div:last-child>strong{color:#273142;margin-bottom:6px;font-size:15px;display:block}.sf-view{color:#344054;cursor:pointer;background:#fff;border:1px solid #dce1e8;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-weight:700;display:inline-flex}.sf-note{color:#26704b;background:#f5fbf7;border:1px solid #d9eee2;border-radius:12px;gap:11px;padding:14px 17px;display:flex}.sf-note strong{font-size:15px}.sf-note p{color:#5c7466;margin:3px 0 0;font-size:14px}.sf-overlay{z-index:1000;background:#11182794;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.sf-modal{background:#fff;border-radius:16px;width:min(650px,96vw);max-height:92vh;padding-top:50px;position:relative;overflow:auto}.sf-close{cursor:pointer;background:#fff;border:1px solid #e1e5eb;border-radius:9px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:14px}.sf-receipt{border:1px solid #dfe4ea;border-radius:12px;margin:0 23px;padding:24px}.sf-school{border-bottom:2px solid #273142;align-items:center;gap:13px;padding-bottom:17px;display:flex}.sf-logo{color:#fff;background:#273142;border-radius:12px;place-items:center;width:52px;height:52px;font-weight:800;display:grid}.sf-school h2{margin:0 0 3px;font-size:20px}.sf-school p,.sf-school span{color:#667085;margin:0;font-size:14px}.sf-receipt>h3{margin:18px 0;font-size:18px}.sf-details{background:#f8f9fb;border-radius:10px;grid-template-columns:repeat(2,1fr);gap:12px;padding:14px;display:grid}.sf-details span,.sf-details strong{display:block}.sf-details span{color:#7b8495;font-size:13px}.sf-details strong{margin-top:3px;font-size:14px}.sf-items{border-top:1px solid #e4e8ed;border-bottom:1px solid #e4e8ed;margin-top:17px;padding:13px 0}.sf-items>span{color:#667085;font-size:14px;font-weight:800}.sf-items div{padding-top:7px;font-size:14px}.sf-total{justify-content:space-between;align-items:center;padding:17px 0;display:flex}.sf-total strong{font-size:22px}.sf-generated{text-align:center;color:#7b8495;font-size:13px}.sf-actions{justify-content:flex-end;gap:10px;padding:17px 23px 21px;display:flex}.sf-actions button{cursor:pointer;background:#fff;border:1px solid #d9dee5;border-radius:9px;align-items:center;gap:7px;padding:9px 14px;font-weight:700;display:inline-flex}.sf-actions .sf-print{color:#fff;background:#273142;border-color:#273142}@media (width<=1100px){.sf-stats{grid-template-columns:repeat(2,1fr)}.sf-grid{grid-template-columns:1fr}}@media (width<=720px){.sf-hero{flex-direction:column;align-items:stretch}.sf-stats,.sf-details{grid-template-columns:1fr}}@media print{body *{visibility:hidden!important}.sf-overlay,.sf-overlay *{visibility:visible!important}.sf-overlay{background:#fff;padding:0;display:block;position:absolute;inset:0}.sf-modal{width:100%;max-height:none;padding:0;overflow:visible}.sf-receipt{border:0;margin:0}.noPrint{display:none!important}}.studentHomeworkPage{flex-direction:column;gap:20px;display:flex}.studentHomeworkHero{background:#fff;border:1px solid #e5e9f0;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;display:flex}.studentHomeworkEyebrow{letter-spacing:.08em;color:#667085;margin-bottom:6px;font-size:14px;font-weight:800;display:block}.studentHomeworkHero h2{color:#172033;margin:0 0 6px;font-size:24px}.studentHomeworkHero p{color:#667085;margin:0;font-size:15px}.studentHomeworkToday{color:#344054;background:#f7f9fc;border:1px solid #dfe6f2;border-radius:13px;align-items:center;gap:12px;min-width:205px;padding:15px 18px;display:flex}.studentHomeworkToday span,.studentHomeworkToday small{color:#667085;font-size:14px;display:block}.studentHomeworkToday strong{color:#172033;margin:2px 0;font-size:22px;display:block}.studentHomeworkStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.studentHomeworkStats>div{background:#fff;border:1px solid #e5e9f0;border-radius:15px;padding:18px 19px}.studentHomeworkStats span,.studentHomeworkStats small{display:block}.studentHomeworkStats span{color:#667085;margin-bottom:5px;font-size:14px}.studentHomeworkStats strong{color:#172033;margin-bottom:4px;font-size:24px;display:block}.studentHomeworkStats small{color:#8b94a4;font-size:14px}.studentHomeworkPanel{background:#fff;border:1px solid #e5e9f0;border-radius:16px;overflow:hidden}.studentHomeworkPanelHeader{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:18px;padding:19px 21px;display:flex}.studentHomeworkPanelHeader h3{color:#172033;margin:0 0 4px;font-size:18px}.studentHomeworkPanelHeader p{color:#7b8495;margin:0;font-size:14px}.studentHomeworkFilters{gap:7px;display:flex}.studentHomeworkFilters button{color:#667085;font:inherit;cursor:pointer;background:#fff;border:1px solid #dfe3e9;border-radius:8px;padding:7px 11px;font-size:14px;font-weight:700}.studentHomeworkFilters button.active{color:#fff;background:#273142;border-color:#273142}.studentHomeworkList{flex-direction:column;display:flex}.studentHomeworkCard{border-bottom:1px solid #edf0f4;grid-template-columns:48px 1fr;gap:15px;padding:20px 21px;display:grid}.studentHomeworkCard:last-child{border-bottom:0}.studentHomeworkSubjectIcon{color:#475467;background:#f2f5f9;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.studentHomeworkMain{min-width:0}.studentHomeworkTitleRow{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.studentHomeworkSubject{color:#667085;margin-bottom:3px;font-size:14px;font-weight:800;display:block}.studentHomeworkTitleRow h3{color:#273142;margin:0;font-size:17px}.studentHomeworkStatus{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:14px;font-weight:800;display:inline-flex}.studentHomeworkStatus.pending{color:#9b5b08;background:#fff4df}.studentHomeworkStatus.completed{color:#16794a;background:#eaf8f0}.studentHomeworkDescription{color:#536072;max-width:900px;margin:11px 0 13px;font-size:15px;line-height:1.55}.studentHomeworkMeta{flex-wrap:wrap;gap:10px 18px;display:flex}.studentHomeworkMeta span{color:#7b8495;align-items:center;gap:6px;font-size:14px;display:inline-flex}.studentHomeworkAttachment{background:#fafbfc;border:1px solid #e3e7ed;border-radius:10px;align-items:center;gap:10px;margin-top:14px;padding:11px 12px;display:flex}.studentHomeworkAttachment div{flex:1}.studentHomeworkAttachment strong,.studentHomeworkAttachment span{display:block}.studentHomeworkAttachment strong{color:#344054;margin-bottom:2px;font-size:14px}.studentHomeworkAttachment span{color:#8a93a3;font-size:14px}.studentHomeworkAttachment button{color:#344054;font:inherit;cursor:pointer;background:#fff;border:1px solid #d9dee5;border-radius:8px;padding:7px 11px;font-size:14px;font-weight:700}.studentHomeworkInfo{color:#475467;background:#f7f9fc;border:1px solid #dfe6f2;border-radius:13px;align-items:flex-start;gap:12px;padding:15px 18px;display:flex}.studentHomeworkInfo strong{margin-bottom:3px;font-size:15px;display:block}.studentHomeworkInfo p{color:#667085;margin:0;font-size:14px;line-height:1.45}@media (width<=1000px){.studentHomeworkStats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.studentHomeworkHero,.studentHomeworkPanelHeader,.studentHomeworkTitleRow{flex-direction:column;align-items:stretch}.studentHomeworkStats,.studentHomeworkCard{grid-template-columns:1fr}.studentHomeworkFilters{flex-wrap:wrap}}.studentTimetablePage{flex-direction:column;gap:20px;display:flex}.studentTimetableHero{background:#fff;border:1px solid #e5e9f0;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;display:flex}.studentTimetableEyebrow{letter-spacing:.08em;color:#667085;margin-bottom:6px;font-size:14px;font-weight:800;display:block}.studentTimetableHero h2{color:#172033;margin:0 0 6px;font-size:24px}.studentTimetableHero p{color:#667085;margin:0;font-size:15px}.studentTimetableToday{color:#344054;background:#f7f9fc;border:1px solid #dfe6f2;border-radius:13px;align-items:center;gap:12px;min-width:220px;padding:15px 18px;display:flex}.studentTimetableToday span,.studentTimetableToday small{color:#667085;font-size:14px;display:block}.studentTimetableToday strong{color:#172033;margin:2px 0;font-size:19px;display:block}.studentTimetableStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.studentTimetableStats>div{background:#fff;border:1px solid #e5e9f0;border-radius:15px;padding:18px 19px}.studentTimetableStats span,.studentTimetableStats small{display:block}.studentTimetableStats span{color:#667085;margin-bottom:5px;font-size:14px}.studentTimetableStats strong{color:#172033;margin-bottom:4px;font-size:20px;display:block}.studentTimetableStats small{color:#8b94a4;font-size:14px}.studentTimetablePanel{background:#fff;border:1px solid #e5e9f0;border-radius:16px;overflow:hidden}.studentTimetablePanelHeader{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:18px;padding:19px 21px;display:flex}.studentTimetablePanelHeader h3{color:#172033;margin:0 0 4px;font-size:18px}.studentTimetablePanelHeader p{color:#7b8495;margin:0;font-size:14px}.studentTimetableReadOnly{color:#667085;background:#f2f4f7;border-radius:999px;padding:6px 10px;font-size:14px;font-weight:700}.studentTimetableDays{background:#fafbfc;border-bottom:1px solid #edf0f4;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:14px 20px;display:grid}.studentTimetableDays button{color:#667085;font:inherit;cursor:pointer;background:#fff;border:1px solid #dfe3e9;border-radius:9px;padding:9px 6px;font-size:14px;font-weight:800}.studentTimetableDays button span{display:none}.studentTimetableDays button.active{color:#fff;background:#273142;border-color:#273142}.studentTimetableList{flex-direction:column;display:flex}.studentTimetablePeriod{border-bottom:1px solid #edf0f4;grid-template-columns:58px 44px minmax(180px,1.2fr) minmax(180px,1fr) minmax(140px,.8fr);align-items:center;gap:14px;padding:16px 20px;display:grid}.studentTimetablePeriod:last-child{border-bottom:0}.studentTimetablePeriodNo{text-align:center}.studentTimetablePeriodNo span{letter-spacing:.06em;color:#98a2b3;font-size:13px;font-weight:800;display:block}.studentTimetablePeriodNo strong{color:#344054;font-size:19px}.studentTimetableSubjectIcon{color:#475467;background:#f2f5f9;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.studentTimetableSubject span{color:#7b8495;margin-bottom:3px;font-size:14px;display:block}.studentTimetableSubject h3{color:#273142;margin:0;font-size:16px}.studentTimetableTeacher,.studentTimetableRoom{color:#667085;align-items:center;gap:8px;display:flex}.studentTimetableTeacher span,.studentTimetableRoom span{color:#8b94a4;margin-bottom:2px;font-size:13px;display:block}.studentTimetableTeacher strong,.studentTimetableRoom strong{color:#475467;font-size:14px}.studentTimetableBreak{color:#667085;background:#f7f9fc;border-bottom:1px solid #e7eaf0;justify-content:center;align-items:center;gap:10px;padding:12px 20px;display:flex}.studentTimetableBreak strong{color:#475467;font-size:14px}.studentTimetableBreak span{font-size:14px}.studentTimetableInfo{color:#475467;background:#f7f9fc;border:1px solid #dfe6f2;border-radius:13px;align-items:flex-start;gap:12px;padding:15px 18px;display:flex}.studentTimetableInfo strong{margin-bottom:3px;font-size:15px;display:block}.studentTimetableInfo p{color:#667085;margin:0;font-size:14px;line-height:1.45}@media (width<=1050px){.studentTimetableStats{grid-template-columns:repeat(2,minmax(0,1fr))}.studentTimetablePeriod{grid-template-columns:48px 40px 1fr 1fr}.studentTimetableRoom{grid-column:3/5}}@media (width<=700px){.studentTimetableHero,.studentTimetablePanelHeader{flex-direction:column;align-items:stretch}.studentTimetableStats{grid-template-columns:1fr}.studentTimetableDays{grid-template-columns:repeat(3,1fr)}.studentTimetablePeriod{grid-template-columns:40px 1fr}.studentTimetableSubjectIcon{display:none}.studentTimetableTeacher,.studentTimetableRoom{grid-column:2}.studentTimetablePeriodNo{grid-row:1/4}.studentTimetableDays button span{display:none}}.studentResultsPage{flex-direction:column;gap:20px;font-size:16px;display:flex}.studentResultsHero{background:#fff;border:1px solid #e3e7ed;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:25px 27px;display:flex}.studentResultsEyebrow{letter-spacing:.05em;color:#667085;margin-bottom:7px;font-size:15px;font-weight:800;display:block}.studentResultsHero h2{color:#172033;margin:0 0 7px;font-size:27px}.studentResultsHero p{color:#667085;margin:0;font-size:16px;line-height:1.5}.studentResultsPublished{color:#356347;background:#f6faf7;border:1px solid #dce7df;border-radius:13px;align-items:center;gap:13px;min-width:245px;padding:16px 19px;display:flex}.studentResultsPublished span,.studentResultsPublished small{color:#667085;font-size:14px;display:block}.studentResultsPublished strong{color:#234d34;margin:3px 0;font-size:20px;display:block}.studentResultsStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.studentResultsStats>div{background:#fff;border:1px solid #e3e7ed;border-radius:15px;padding:19px 20px}.studentResultsStats span{color:#667085;margin-bottom:6px;font-size:15px;display:block}.studentResultsStats strong{color:#172033;margin-bottom:5px;font-size:25px;display:block}.studentResultsStats small{color:#7b8495;font-size:14px;display:block}.studentResultsPanel,.studentResultHistory{background:#fff;border:1px solid #e3e7ed;border-radius:16px;overflow:hidden}.studentResultsPanelHeader,.studentResultHistoryHeader{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex}.studentResultsPanelHeader h3,.studentResultHistoryHeader h3{color:#172033;margin:0 0 5px;font-size:20px}.studentResultsPanelHeader p,.studentResultHistoryHeader p{color:#667085;margin:0;font-size:15px}.studentResultsPanelHeader select{color:#344054;min-width:240px;font:inherit;background:#fff;border:1px solid #d8dee7;border-radius:9px;padding:11px 13px;font-size:15px}.studentResultExamBanner{background:#fafbfc;border-bottom:1px solid #edf0f4;align-items:center;gap:14px;padding:19px 22px;display:flex}.studentResultExamIcon{color:#344054;background:#eef2f7;border-radius:12px;place-items:center;width:49px;height:49px;display:grid}.studentResultExamBanner>div:nth-child(2){flex:1}.studentResultExamBanner span{color:#667085;font-size:14px}.studentResultExamBanner h3{color:#172033;margin:3px 0;font-size:19px}.studentResultExamBanner p{color:#667085;margin:0;font-size:15px}.studentResultStatus{background:#eaf7ee;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-weight:800;display:flex;color:#287242!important;font-size:14px!important}.studentMarksTableWrap{overflow-x:auto}.studentMarksTable{border-collapse:collapse;width:100%}.studentMarksTable th,.studentMarksTable td{text-align:left;color:#475467;border-bottom:1px solid #edf0f4;padding:14px 17px;font-size:15px}.studentMarksTable th{color:#667085;background:#fff;font-size:14px;font-weight:800}.studentMarksTable td strong{color:#273142;font-size:16px}.studentMarksTable tfoot td{background:#fafbfc;border-bottom:0}.studentGradeBadge,.studentPassBadge{border-radius:7px;padding:5px 9px;font-size:14px;font-weight:800;display:inline-block}.studentGradeBadge{color:#344054;background:#eef2f7}.studentPassBadge{color:#287242;background:#eaf7ee}.studentResultBottom{justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;display:flex}.studentResultRemark{color:#667085;align-items:flex-start;gap:11px;display:flex}.studentResultRemark span{color:#7b8495;margin-bottom:4px;font-size:14px;display:block}.studentResultRemark strong{color:#475467;font-size:15px;line-height:1.45}.studentReportButton{white-space:nowrap;color:#fff;font:inherit;cursor:pointer;background:#273142;border:0;border-radius:9px;align-items:center;gap:8px;padding:11px 15px;font-size:15px;font-weight:800;display:flex}.studentResultHistoryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 20px;display:grid}.studentResultHistoryGrid article{border:1px solid #e4e8ee;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.studentResultHistoryIcon{color:#475467;background:#f2f5f9;border-radius:10px;place-items:center;width:43px;height:43px;display:grid}.studentResultHistoryMain{flex:1}.studentResultHistoryMain span{color:#7b8495;font-size:14px}.studentResultHistoryMain h4{color:#273142;margin:3px 0;font-size:16px}.studentResultHistoryMain p{color:#667085;margin:0;font-size:14px}.studentResultHistoryGrid button{color:#344054;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8dee7;border-radius:8px;padding:8px 11px;font-size:14px;font-weight:800}.studentResultsReadOnly{color:#475467;background:#f7f9fc;border:1px solid #dfe6f2;border-radius:13px;align-items:flex-start;gap:12px;padding:16px 19px;display:flex}.studentResultsReadOnly strong{margin-bottom:4px;font-size:16px;display:block}.studentResultsReadOnly p{color:#667085;margin:0;font-size:15px;line-height:1.5}.studentReportOverlay{z-index:1000;background:#11182794;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.studentReportModal{background:#fff;border-radius:16px;width:min(850px,96vw);max-height:92vh;overflow:auto;box-shadow:0 24px 70px #00000038}.studentReportModalHeader{border-bottom:1px solid #e8ebf0;justify-content:space-between;align-items:center;padding:19px 22px;display:flex}.studentReportModalHeader span{letter-spacing:.05em;color:#667085;font-size:14px;font-weight:800}.studentReportModalHeader h2{color:#172033;margin:3px 0 0;font-size:23px}.studentReportModalHeader button{cursor:pointer;background:#fff;border:1px solid #dfe3e9;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.studentReportPrintable{padding:28px 32px}.studentReportSchool{border-bottom:2px solid #273142;align-items:center;gap:14px;padding-bottom:19px;display:flex}.studentReportLogo{color:#fff;background:#273142;border-radius:13px;place-items:center;width:58px;height:58px;font-size:20px;font-weight:900;display:grid}.studentReportSchool h2{color:#172033;margin:0;font-size:24px}.studentReportSchool p{color:#667085;margin:3px 0;font-size:15px}.studentReportSchool strong{color:#475467;font-size:15px}.studentReportTitle{text-align:center;justify-content:center;align-items:center;gap:10px;padding:20px 0;display:flex}.studentReportTitle h3{color:#172033;margin:0 0 3px;font-size:20px}.studentReportTitle span{letter-spacing:.08em;color:#667085;font-size:14px;font-weight:800}.studentReportIdentity{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;display:grid}.studentReportIdentity>div{border:1px solid #e3e7ed;border-radius:9px;padding:11px 12px}.studentReportIdentity span{color:#667085;margin-bottom:4px;font-size:14px;display:block}.studentReportIdentity strong{color:#273142;font-size:16px}.studentReportTable{border-collapse:collapse;width:100%}.studentReportTable th,.studentReportTable td{text-align:left;border:1px solid #dfe3e9;padding:11px 13px;font-size:15px}.studentReportTable th{color:#475467;background:#f6f8fa}.studentReportSummary{grid-template-columns:repeat(5,1fr);gap:9px;margin-top:16px;display:grid}.studentReportSummary>div{text-align:center;border:1px solid #e3e7ed;border-radius:9px;padding:11px}.studentReportSummary span{color:#667085;margin-bottom:4px;font-size:14px;display:block}.studentReportSummary strong{color:#172033;font-size:17px}.studentReportRemarkBox{border:1px solid #e3e7ed;border-radius:9px;margin-top:16px;padding:13px 15px}.studentReportRemarkBox span{color:#667085;font-size:14px;font-weight:800}.studentReportRemarkBox p{color:#475467;margin:5px 0 0;font-size:15px;line-height:1.5}.studentReportSignatures{justify-content:space-between;gap:30px;margin-top:38px;display:flex}.studentReportSignatures>div{border-top:1px solid #9aa2af;min-width:190px;padding-top:8px}.studentReportSignatures span{color:#667085;font-size:14px;display:block}.studentReportSignatures strong{color:#273142;font-size:15px}.studentReportModalFooter{border-top:1px solid #e8ebf0;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.studentReportClose,.studentReportPrint{font:inherit;cursor:pointer;border-radius:9px;padding:10px 15px;font-size:15px;font-weight:800}.studentReportClose{color:#344054;background:#fff;border:1px solid #d8dee7}.studentReportPrint{color:#fff;background:#273142;border:0;align-items:center;gap:7px;display:flex}@media (width<=900px){.studentResultsStats{grid-template-columns:repeat(2,1fr)}.studentResultHistoryGrid{grid-template-columns:1fr}.studentReportIdentity{grid-template-columns:repeat(2,1fr)}.studentReportSummary{grid-template-columns:repeat(3,1fr)}}@media (width<=650px){.studentResultsHero,.studentResultsPanelHeader,.studentResultBottom{flex-direction:column;align-items:stretch}.studentResultsStats{grid-template-columns:1fr}.studentResultsPanelHeader select{width:100%;min-width:0}.studentReportIdentity,.studentReportSummary{grid-template-columns:1fr 1fr}.studentReportPrintable{padding:20px}.studentReportSignatures{flex-direction:column}}@media print{body *{visibility:hidden!important}.studentReportOverlay,.studentReportOverlay *{visibility:visible!important}.studentReportOverlay{background:#fff;padding:0;position:absolute;inset:0}.studentReportModal{width:100%;max-height:none;box-shadow:none;border-radius:0;overflow:visible}.studentReportPrintable{box-sizing:border-box;width:100%;position:absolute;top:0;left:0}.noPrint{display:none!important}}.studentFailBadge{color:#b91c1c;background:#fee2e2;border-radius:7px;padding:5px 9px;font-size:14px;font-weight:800;display:inline-block}.studentProfilePage{flex-direction:column;gap:20px;font-size:16px;display:flex}.studentProfileHero{background:#fff;border:1px solid #e3e7ed;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:26px 28px;display:flex}.studentProfileIdentity{align-items:center;gap:18px;display:flex}.studentProfilePage .studentProfileAvatar{color:#273142;background:#eef2f7;border-radius:20px;flex:0 0 150px;place-items:center;width:150px;height:150px;font-size:32px;font-weight:800;display:grid;overflow:hidden}.studentProfilePage .studentProfileAvatar.hasPhoto{background:#fff}.studentProfilePage .studentProfileAvatar img{object-fit:cover;object-position:center 32%;border-radius:inherit;width:100%;height:100%;display:block}.studentProfileEyebrow{letter-spacing:.05em;color:#667085;margin-bottom:5px;font-size:15px;font-weight:800;display:block}.studentProfileIdentity h2{color:#172033;margin:0 0 5px;font-size:27px}.studentProfileIdentity p{color:#667085;margin:0;font-size:16px}.studentProfileBadges{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.studentProfileBadges span{color:#287242;background:#edf7f0;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:14px;font-weight:700;display:flex}.studentProfileIdCard{background:#f7f9fc;border:1px solid #dfe6f2;border-radius:13px;min-width:250px;padding:17px 20px}.studentProfileIdCard span,.studentProfileIdCard small{color:#667085;font-size:14px;display:block}.studentProfileIdCard strong{color:#172033;margin:4px 0;font-size:23px;display:block}.studentProfileStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.studentProfileStats>div{color:#667085;background:#fff;border:1px solid #e3e7ed;border-radius:15px;padding:19px 20px}.studentProfileStats span{margin-top:10px;font-size:15px;display:block}.studentProfileStats strong{color:#172033;margin:4px 0;font-size:21px;display:block}.studentProfileStats small{color:#7b8495;font-size:14px;display:block}.studentProfileGrid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.studentProfilePanel{background:#fff;border:1px solid #e3e7ed;border-radius:16px;overflow:hidden}.studentProfilePanelHeader{border-bottom:1px solid #edf0f4;padding:20px 22px}.studentProfilePanelHeader h3,.studentProfileAccess h3{color:#172033;margin:0 0 5px;font-size:20px}.studentProfilePanelHeader p,.studentProfileAccess p{color:#667085;margin:0;font-size:15px;line-height:1.55}.studentProfileDetails{grid-template-columns:1fr 1fr;display:grid}.studentProfileField{border-bottom:1px solid #edf0f4;align-items:flex-start;gap:11px;padding:17px 20px;display:flex}.studentProfileField:nth-child(odd){border-right:1px solid #edf0f4}.studentProfileFieldIcon{color:#475467;background:#f2f4f7;border-radius:9px;flex:none;place-items:center;width:38px;height:38px;display:grid}.studentProfileField span{color:#7b8495;margin-bottom:4px;font-size:14px;display:block}.studentProfileField strong{color:#344054;font-size:16px;line-height:1.4;display:block}.studentProfileAccess{background:#fff;border:1px solid #e3e7ed;border-radius:16px;align-items:flex-start;gap:16px;padding:21px 22px;display:flex}.studentProfileAccessIcon{color:#344054;background:#eef2f7;border-radius:12px;flex:none;place-items:center;width:48px;height:48px;display:grid}.studentProfileNotice{color:#475467;background:#f7f9fc;border:1px solid #dfe6f2;border-radius:13px;align-items:flex-start;gap:12px;padding:17px 20px;display:flex}.studentProfileNotice strong{margin-bottom:4px;font-size:16px;display:block}.studentProfileNotice p{color:#667085;margin:0;font-size:15px;line-height:1.55}@media (width<=1050px){.studentProfileStats{grid-template-columns:repeat(2,1fr)}.studentProfileGrid{grid-template-columns:1fr}}@media (width<=700px){.studentProfileHero{flex-direction:column;align-items:stretch}.studentProfileIdentity{align-items:flex-start}.studentProfilePage .studentProfileAvatar{flex:0 0 122px;width:122px;height:122px}.studentProfileStats,.studentProfileDetails{grid-template-columns:1fr}.studentProfileField:nth-child(odd){border-right:0}.studentProfileIdCard{min-width:0}}.notificationBellShell{align-items:center;display:inline-flex;position:relative}.notificationBellButton{position:relative}.notificationCountBadge{color:#fff;box-sizing:border-box;background:#ef4444;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 5px;font-size:11px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:-6px;right:-5px}.notificationCenterPanel{z-index:10000;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;width:min(390px,100vw - 28px);max-height:min(640px,100vh - 96px);display:flex;position:fixed;top:76px;right:24px;overflow:hidden;box-shadow:0 24px 60px #0f172a2e}.notificationCenterHeader{background:linear-gradient(#fff 0%,#f8fbff 100%);border-bottom:1px solid #e8eef5;justify-content:space-between;align-items:center;gap:12px;min-height:74px;padding:16px 16px 14px;display:flex}.notificationCenterHeader>div:first-child{gap:3px;display:grid}.notificationCenterHeader strong{color:#0f172a;font-size:18px;line-height:1.25}.notificationCenterHeader span{color:#64748b;font-size:13px}.notificationCenterHeaderActions{align-items:center;gap:8px;display:flex}.notificationCenterHeaderActions button{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-height:34px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.notificationCenterHeaderActions button:hover{background:#f8fafc}.notificationCenterHeaderActions .notificationCloseButton{width:34px;padding:0}.notificationCenterBody{overscroll-behavior:contain;overflow-y:auto}.notificationCenterState{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:180px;padding:28px 22px;font-size:14px;display:flex}.notificationCenterState strong{color:#0f172a;font-size:16px}.notificationCenterState span{line-height:1.5}.notificationCenterState.error{color:#b91c1c}.notificationCenterState.error button{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:9px;min-height:36px;margin-top:6px;padding:0 14px;font-size:14px;font-weight:700}.notificationCenterItem{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf2f7;align-items:flex-start;gap:11px;width:100%;padding:15px 16px 14px 19px;display:flex;position:relative}.notificationCenterItem:last-child{border-bottom:0}.notificationCenterItem:hover{background:#f8fafc}.notificationCenterItem.unread{background:#f5f9ff}.notificationCenterItem.unread:hover{background:#edf5ff}.notificationItemDot{background:#94a3b8;border-radius:50%;flex:0 0 9px;width:9px;height:9px;margin-top:7px}.notificationCenterItem.unread .notificationItemDot{background:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.notificationCenterItem.urgent .notificationItemDot{background:#dc2626}.notificationCenterItem.important .notificationItemDot{background:#d97706}.notificationCenterItem.success .notificationItemDot{background:#16a34a}.notificationItemContent{flex:1;gap:5px;min-width:0;display:grid}.notificationItemTopline{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.notificationItemTopline strong{color:#0f172a;min-width:0;font-size:14px;line-height:1.35}.notificationCenterItem.read .notificationItemTopline strong{font-weight:700}.notificationCenterItem.unread .notificationItemTopline strong{font-weight:800}.notificationItemTopline small{color:#94a3b8;white-space:nowrap;flex:none;font-size:11px}.notificationItemMessage{color:#475569;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.notificationItemMeta{color:#64748b;font-size:12px;font-weight:700}@media (width<=760px){.notificationCenterPanel{border-radius:15px;width:calc(100vw - 20px);max-height:calc(100vh - 84px);top:68px;right:10px}.notificationCenterHeader{padding:14px}.notificationCenterHeaderActions button span{display:none}.notificationCenterHeaderActions button{width:34px;padding:0}.notificationCenterItem{padding:14px}}.studentPortalDashboard{box-sizing:border-box;flex-direction:column;gap:22px;width:100%;padding:24px 26px 32px;display:flex}.studentPortalWelcome{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.studentPortalEyebrow{letter-spacing:.08em;color:#2563eb;margin-bottom:6px;font-size:14px;font-weight:800;display:block}.studentPortalWelcome h2{color:#172033;margin:0;font-size:27px;line-height:1.25}.studentPortalWelcome p{color:#64748b;margin:7px 0 0;font-size:15px;line-height:1.55}.studentPortalDate{color:#2563eb;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:11px;min-width:250px;padding:13px 15px;display:flex}.studentPortalDate>div{min-width:0}.studentPortalDate span,.studentPortalDate strong{display:block}.studentPortalDate span{letter-spacing:.06em;color:#94a3b8;margin-bottom:2px;font-size:13px;font-weight:800}.studentPortalDate strong{color:#334155;font-size:14px}.studentProfileStrip{background:#fff;border:1px solid #e3e8f0;border-radius:15px;align-items:center;gap:16px;padding:18px 20px;display:flex;box-shadow:0 4px 15px #0f172a09}.studentProfileAvatar{color:#2563eb;background:#eaf1ff;border-radius:14px;flex:0 0 54px;place-items:center;width:54px;height:54px;font-size:18px;font-weight:800;display:grid}.studentProfileMain{min-width:180px}.studentProfileMain h3{color:#172033;margin:0;font-size:18px}.studentProfileMain p{color:#64748b;margin:5px 0 0;font-size:14px}.studentProfileInfo{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));margin-left:10px;display:grid}.studentProfileInfo>div{border-left:1px solid #e8edf3;padding:2px 17px}.studentProfileInfo span,.studentProfileInfo strong{display:block}.studentProfileInfo span{color:#8491a5;margin-bottom:4px;font-size:13px}.studentProfileInfo strong{color:#334155;font-size:14px}.studentPortalStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.studentPortalStatCard{background:#fff;border:1px solid #e3e8f0;border-radius:14px;min-width:0;padding:17px;position:relative;box-shadow:0 4px 14px #0f172a09}.studentPortalStatIcon{color:#2563eb;background:#eef4ff;border-radius:11px;place-items:center;width:41px;height:41px;margin-bottom:13px;display:grid}.studentPortalStatMain span,.studentPortalStatMain strong{display:block}.studentPortalStatMain span{color:#64748b;margin-bottom:3px;font-size:14px}.studentPortalStatMain strong{color:#172033;font-size:23px;line-height:1.2}.studentPortalStatMain p{color:#8491a5;margin:5px 0 13px;font-size:14px}.studentPortalStatCard>button{color:#2563eb;cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;padding:0;font-size:14px;font-weight:700;display:flex}.studentPortalStatCard>button:hover{color:#1d4ed8}.studentPortalGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.studentPortalPanel{background:#fff;border:1px solid #e3e8f0;border-radius:15px;min-width:0;padding:19px 20px;box-shadow:0 4px 15px #0f172a09}.studentPortalPanelHeader{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:16px;display:flex}.studentPortalPanelHeader h3{color:#172033;margin:0;font-size:18px}.studentPortalPanelHeader p{color:#8491a5;margin:4px 0 0;font-size:14px}.studentPortalPanelHeader button{color:#2563eb;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:3px;padding:4px 0;font-size:14px;font-weight:700;display:flex}.studentAttendanceUpdate{background:#f4fbf7;border:1px solid #d9f0e3;border-radius:12px;align-items:center;gap:13px;padding:15px;display:flex}.studentAttendanceStatusIcon{color:#16a34a;background:#dcfce7;border-radius:12px;flex:0 0 46px;place-items:center;width:46px;height:46px;display:grid}.studentAttendanceUpdateText{flex:1;min-width:0}.studentAttendanceUpdateText>span{letter-spacing:.06em;color:#16a34a;margin-bottom:3px;font-size:13px;font-weight:800;display:block}.studentAttendanceUpdateText h4{color:#263449;margin:0;font-size:15px}.studentAttendanceUpdateText p{color:#64748b;margin:4px 0 0;font-size:13px;line-height:1.45}.studentPresentBadge{color:#15803d;background:#dcfce7;border-radius:20px;flex:none;padding:6px 10px;font-size:13px;font-weight:800}.studentAttendanceSummary{border-top:1px solid #edf1f6;grid-template-columns:repeat(4,1fr);margin-top:16px;padding-top:15px;display:grid}.studentAttendanceSummary>div{border-right:1px solid #edf1f6;padding:0 12px}.studentAttendanceSummary>div:first-child{padding-left:0}.studentAttendanceSummary>div:last-child{border-right:0;padding-right:0}.studentAttendanceSummary span,.studentAttendanceSummary strong{display:block}.studentAttendanceSummary span{color:#8491a5;margin-bottom:4px;font-size:13px}.studentAttendanceSummary strong{color:#334155;font-size:16px}.studentFeeStatus{background:#fafcff;border:1px solid #e3e8f0;border-radius:12px;align-items:center;gap:13px;padding:15px;display:flex}.studentFeeIcon{color:#2563eb;background:#eef4ff;border-radius:11px;flex:0 0 45px;place-items:center;width:45px;height:45px;display:grid}.studentFeeStatus>div:nth-child(2){flex:1}.studentFeeStatus>div:nth-child(2)>span{letter-spacing:.05em;color:#8491a5;margin-bottom:2px;font-size:13px;font-weight:800;display:block}.studentFeeStatus strong{color:#263449;font-size:16px}.studentFeeStatus p{color:#64748b;margin:3px 0 0;font-size:13px}.studentPaidBadge{color:#15803d;background:#dcfce7;border-radius:20px;padding:6px 10px;font-size:13px;font-weight:800}.studentFeeReceipt{grid-template-columns:repeat(3,1fr);margin:16px 0;display:grid}.studentFeeReceipt>div{border-right:1px solid #edf1f6;padding:0 13px}.studentFeeReceipt>div:first-child{padding-left:0}.studentFeeReceipt>div:last-child{border-right:0;padding-right:0}.studentFeeReceipt span,.studentFeeReceipt strong{display:block}.studentFeeReceipt span{color:#8491a5;margin-bottom:4px;font-size:13px}.studentFeeReceipt strong{color:#334155;font-size:14px}.studentPortalFullButton{color:#2563eb;cursor:pointer;background:#f7faff;border:1px solid #d9e4f7;border-radius:9px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:40px;font-size:14px;font-weight:700;display:flex}.studentPortalFullButton:hover{background:#eef5ff}.studentHomeworkItem{border-bottom:1px solid #edf1f6;align-items:center;gap:11px;padding:12px 0;display:flex}.studentHomeworkItem:last-child{border-bottom:0}.studentHomeworkIcon{color:#2563eb;background:#eef4ff;border-radius:10px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.studentHomeworkItem>div:nth-child(2){flex:1;min-width:0}.studentHomeworkItem>div:nth-child(2)>span{color:#2563eb;margin-bottom:2px;font-size:13px;font-weight:700;display:block}.studentHomeworkItem strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.studentHomeworkItem p{color:#8491a5;align-items:center;gap:4px;margin:4px 0 0;font-size:13px;display:flex}.studentHomeworkStatus{color:#c2410c;background:#fff7ed;border-radius:20px;flex:none;padding:5px 9px;font-size:13px;font-weight:800}.studentEventItem{border-bottom:1px solid #edf1f6;align-items:center;gap:12px;padding:11px 0;display:flex}.studentEventItem:last-child{border-bottom:0}.studentEventDate{background:#eef4ff;border-radius:10px;flex-direction:column;flex:0 0 47px;justify-content:center;align-items:center;width:47px;height:51px;display:flex}.studentEventDate strong{color:#2563eb;font-size:17px;line-height:1}.studentEventDate span{color:#64748b;margin-top:3px;font-size:13px;font-weight:800}.studentEventItem>div:last-child>strong{color:#334155;font-size:14px}.studentEventItem p{color:#8491a5;align-items:center;gap:5px;margin:4px 0 0;font-size:13px;display:flex}.studentResultHero{align-items:stretch;gap:13px;display:flex}.studentResultHero>div:first-child{background:#f7faff;border:1px solid #e0e9fa;border-radius:12px;flex:1;padding:15px}.studentResultHero>div:first-child span{color:#8491a5;margin-bottom:3px;font-size:13px;font-weight:800;display:block}.studentResultHero>div:first-child strong{color:#172033;font-size:28px;display:block}.studentResultHero>div:first-child p{color:#2563eb;margin:3px 0 0;font-size:14px;font-weight:700}.studentResultPosition{color:#2563eb;background:#fff;border:1px solid #e6e9f0;border-radius:12px;flex-direction:column;justify-content:center;min-width:130px;padding:15px;display:flex}.studentResultPosition span{color:#8491a5;margin:7px 0 2px;font-size:13px}.studentResultPosition strong{color:#334155;font-size:20px}.studentResultSubjects{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:13px;display:grid}.studentResultSubjects>div{border:1px solid #edf1f6;border-radius:9px;justify-content:space-between;gap:10px;padding:10px 11px;display:flex}.studentResultSubjects span{color:#64748b;font-size:13px}.studentResultSubjects strong{color:#334155;font-size:13px}.studentAnnouncementItem{border-bottom:1px solid #edf1f6;gap:11px;padding:11px 0;display:flex}.studentAnnouncementItem:last-child{border-bottom:0}.studentAnnouncementIcon{color:#2563eb;background:#eef4ff;border-radius:9px;flex:0 0 37px;place-items:center;width:37px;height:37px;display:grid}.studentAnnouncementItem>div:last-child{min-width:0}.studentAnnouncementItem strong{color:#334155;font-size:14px;display:block}.studentAnnouncementItem p{color:#64748b;margin:3px 0;font-size:13px;line-height:1.45}.studentAnnouncementItem>div:last-child>span{color:#94a3b8;font-size:13px}.studentPortalNotification{color:#2563eb;background:#f5f9ff;border:1px solid #dbeafe;border-radius:13px;align-items:flex-start;gap:12px;padding:15px 17px;display:flex}.studentPortalNotification>svg{flex:none;margin-top:2px}.studentPortalNotification>div{flex:1}.studentPortalNotification strong{color:#334155;margin-bottom:3px;font-size:14px;display:block}.studentPortalNotification p{color:#64748b;margin:0;font-size:14px;line-height:1.55}.studentPortalNotification p b{color:#15803d}.studentPortalNotification>span{color:#15803d;background:#dcfce7;border-radius:20px;flex:none;padding:5px 9px;font-size:13px;font-weight:800}@media (width<=1150px){.studentPortalStats{grid-template-columns:repeat(2,minmax(0,1fr))}.studentProfileInfo{grid-template-columns:repeat(2,1fr);row-gap:14px}}@media (width<=900px){.studentPortalWelcome{flex-direction:column}.studentPortalDate{box-sizing:border-box;width:100%}.studentProfileStrip{flex-wrap:wrap;align-items:flex-start}.studentProfileInfo{border-top:1px solid #edf1f6;flex-basis:100%;margin-left:0;padding-top:13px}.studentProfileInfo>div:first-child,.studentProfileInfo>div:nth-child(3){border-left:0}.studentPortalGrid{grid-template-columns:1fr}}@media (width<=650px){.studentPortalDashboard{padding:18px 14px 25px}.studentPortalStats,.studentProfileInfo{grid-template-columns:1fr}.studentProfileInfo>div{border-bottom:1px solid #edf1f6;border-left:0;padding:7px 0}.studentProfileInfo>div:last-child{border-bottom:0}.studentAttendanceUpdate{flex-wrap:wrap;align-items:flex-start}.studentPresentBadge{margin-left:59px}.studentAttendanceSummary{grid-template-columns:repeat(2,1fr);gap:13px 0}.studentAttendanceSummary>div{border-right:0;padding:0}.studentFeeReceipt{grid-template-columns:1fr;gap:11px}.studentFeeReceipt>div,.studentFeeReceipt>div:first-child,.studentFeeReceipt>div:last-child{border-right:0;padding:0}.studentResultHero{flex-direction:column}.studentResultPosition{min-width:0}.studentResultSubjects{grid-template-columns:1fr}.studentPortalNotification{flex-wrap:wrap}.studentPortalNotification>span{margin-left:32px}}.studentPortalDashboard .studentProfileAvatar{border-radius:20px;flex:0 0 150px;width:150px;height:150px}.studentPortalDashboard .studentProfileAvatar img{object-fit:cover;object-position:center 32%;border-radius:inherit;width:100%;height:100%;display:block}.erp:has(.studentPortalDashboard) .topbar .profile .avatar{flex:0 0 46px;width:46px;height:46px;font-size:15px}.erp:has(.studentPortalDashboard) .sidebarFooter .principalAvatar{flex:0 0 46px;width:46px;height:46px;font-size:15px}.erp:has(.studentPortalDashboard) .topbar .profile .avatar img{object-fit:cover;object-position:center 32%;border-radius:inherit;width:100%;height:100%;display:block}.erp:has(.studentPortalDashboard) .sidebarFooter .principalAvatar img{object-fit:cover;object-position:center 32%;border-radius:inherit;width:100%;height:100%;display:block}@media (width<=760px){.studentPortalDashboard .studentProfileAvatar{flex:0 0 122px;width:122px;height:122px}}.studentPortalDashboard{font-size:16px}.studentPortalDashboard p,.studentPortalDashboard span,.studentPortalDashboard small{font-size:15px;line-height:1.5}.studentPortalDashboard .studentPortalWelcome p,.studentPortalDashboard .studentProfileMain p,.studentPortalDashboard .studentAttendanceUpdateText p,.studentPortalDashboard .studentFeeStatus p,.studentPortalDashboard .studentHomeworkItem p,.studentPortalDashboard .studentResultHero p{font-size:15px;line-height:1.55}.studentPortalDashboard .studentProfileMain h3{font-size:20px}.studentPortalDashboard .studentProfileInfo strong,.studentPortalDashboard .studentAttendanceSummary strong,.studentPortalDashboard .studentFeeStatus strong,.studentPortalDashboard .studentFeeReceipt strong,.studentPortalDashboard .studentHomeworkItem strong,.studentPortalDashboard .studentResultSubjects strong{font-size:16px;line-height:1.4}.studentPortalDashboard .studentAttendanceSummary span,.studentPortalDashboard .studentFeeStatus>div:nth-child(2)>span,.studentPortalDashboard .studentFeeReceipt span,.studentPortalDashboard .studentHomeworkItem>div:nth-child(2)>span,.studentPortalDashboard .studentHomeworkStatus,.studentPortalDashboard .studentResultHero>div:first-child span,.studentPortalDashboard .studentResultPosition span,.studentPortalDashboard .studentResultSubjects span{font-size:14px}.studentPortalDashboard .studentResultHero>div:first-child strong{font-size:30px}.studentPortalDashboard .studentResultPosition strong{font-size:22px}.studentPortalDashboard .studentPortalStats span,.studentPortalDashboard .studentPortalStats small{font-size:15px}.studentPortalDashboard .studentPortalStats strong{font-size:23px;line-height:1.25}.studentPortalDashboard h2{line-height:1.2}.studentPortalDashboard h3{line-height:1.3}.studentPortalDashboard a,.studentPortalDashboard button{font-size:15px}@media (width<=760px){.studentPortalDashboard{font-size:15px}.studentPortalDashboard p,.studentPortalDashboard span,.studentPortalDashboard small{font-size:14px}.studentPortalDashboard .studentProfileMain h3{font-size:19px}.studentPortalDashboard .studentPortalStats strong{font-size:21px}.studentPortalDashboard a,.studentPortalDashboard button{font-size:14px}}.erp:has(.adminColourfulDashboard) .sidebar{background:linear-gradient(#173b73 0%,#102b55 56%,#0d2345 100%);box-shadow:10px 0 30px #142d5514}.erp:has(.adminColourfulDashboard) .brandLogo{color:#173b73;background:linear-gradient(135deg,#fff,#dbeafe);box-shadow:0 8px 20px #00000029}.erp:has(.adminColourfulDashboard) .session{background:linear-gradient(135deg,#ffffff21,#ffffff0f);border:1px solid #ffffff1a}.erp:has(.adminColourfulDashboard) .navItem.active{background:linear-gradient(135deg,#3b82f6,#7c3aed);box-shadow:0 8px 20px #3b82f647}.erp:has(.adminColourfulDashboard) .topbar{background:#fffffff5;border-bottom-color:#e8eaf3;box-shadow:0 4px 18px #2a375a0b}.erp:has(.adminColourfulDashboard) .topbar h1{color:#173b73;font-size:26px}.erp:has(.adminColourfulDashboard) .topbar p{color:#64748b;font-size:15px}.adminColourfulDashboard{padding-top:26px;position:relative}.adminColourfulDashboard .dateRow{background:linear-gradient(105deg,#2563eb17,#7c3aed12 55%,#f59e0b14),#fff;border:1px solid #e7eaf2;border-radius:18px;margin-bottom:20px;padding:20px 22px;box-shadow:0 8px 24px #2d3d640e}.adminColourfulDashboard .todayLabel{color:#7c3aed;font-size:14px}.adminColourfulDashboard .dateRow strong{color:#1e293b;font-size:17px}.adminColourfulDashboard .primaryButton{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:11px;min-height:44px;padding:11px 18px;font-size:15px;box-shadow:0 9px 20px #4f46e538}.adminColourfulDashboard .statsGrid{gap:18px;margin-bottom:20px}.adminColourfulDashboard .statCard{border-radius:18px;min-height:155px;padding:21px 22px;position:relative;overflow:hidden;box-shadow:0 10px 26px #22315313}.adminColourfulDashboard .statCard:first-child{background:linear-gradient(135deg,#eef5ff,#fff 68%);border:1px solid #d9e7ff}.adminColourfulDashboard .statCard:first-child .statIcon{color:#2563eb;background:#dbeafe}.adminColourfulDashboard .statCard:nth-child(2){background:linear-gradient(135deg,#ecfdf5,#fff 68%);border:1px solid #d4f4e4}.adminColourfulDashboard .statCard:nth-child(2) .statIcon{color:#059669;background:#d1fae5}.adminColourfulDashboard .statCard:nth-child(3){background:linear-gradient(135deg,#fff1f2,#fff 68%);border:1px solid #ffe0e4}.adminColourfulDashboard .statCard:nth-child(3) .statIcon{color:#e11d48;background:#ffe4e6}.adminColourfulDashboard .statCard:nth-child(4){background:linear-gradient(135deg,#fff8e8,#fff 68%);border:1px solid #f9e7b7}.adminColourfulDashboard .statCard:nth-child(4) .statIcon{color:#d97706;background:#fef3c7}.adminColourfulDashboard .statIcon{border-radius:13px;width:45px;height:45px}.adminColourfulDashboard .statCard>span{color:#64748b;font-size:15px;font-weight:700}.adminColourfulDashboard .statCard h2{color:#172033;margin:6px 0 5px;font-size:30px}.adminColourfulDashboard .statCard p{color:#718096;font-size:14px}.adminColourfulDashboard .panel{border:1px solid #e7eaf2;border-radius:18px;padding:22px;box-shadow:0 9px 25px #2231530e}.adminColourfulDashboard .panelHeader h3{color:#1e293b;font-size:19px}.adminColourfulDashboard .panelHeader p{color:#718096;font-size:14px}.adminColourfulDashboard .textButton{color:#2563eb;font-size:14px}.adminColourfulDashboard .attendanceCircle{background:conic-gradient(#16a66a 0 92.4%,#e9edf2 92.4% 100%);width:140px;height:140px;box-shadow:0 8px 22px #16a66a1f}.adminColourfulDashboard .attendanceCircle strong{color:#166534;font-size:22px}.adminColourfulDashboard .attendanceMessage{background:linear-gradient(90deg,#eff6ff,#f5f3ff);border:1px solid #dbeafe;padding:12px 14px;font-size:14px}.adminColourfulDashboard .attendanceMessage button,.adminColourfulDashboard .feeAmount span,.adminColourfulDashboard .feeBreakdown span{font-size:14px}.adminColourfulDashboard .feeAmount strong{color:#6d28d9;font-size:29px}.adminColourfulDashboard .progressTrack{background:#ede9fe;height:9px}.adminColourfulDashboard .progressFill{background:linear-gradient(90deg,#7c3aed,#a855f7)}.adminColourfulDashboard .feePanel .outlineButton{color:#6d28d9;background:#faf7ff;border-color:#ddd6fe;min-height:42px;font-size:14px}.adminColourfulDashboard .announcement p{font-size:14px}.adminColourfulDashboard .eventDate{background:linear-gradient(135deg,#cffafe,#e0f2fe);border-radius:12px;width:50px;height:54px}.adminColourfulDashboard .eventDate strong{color:#0e7490;font-size:16px}@media (width<=760px){.adminColourfulDashboard .dateRow{flex-direction:column;align-items:flex-start;gap:15px}.adminColourfulDashboard .primaryButton{justify-content:center;align-items:center;gap:7px;width:100%;display:flex}}.erp:has(.adminColourfulDashboard){background:radial-gradient(circle at 92% 3%,#7c3aed1f,#0000 24%),radial-gradient(circle at 42% 0,#2563eb1a,#0000 30%),linear-gradient(#f7f9ff 0%,#f8fafc 100%)}.erp:has(.adminColourfulDashboard) .sidebar{background:radial-gradient(circle at 20% 8%,#60a5fa33,#0000 22%),linear-gradient(#163d79 0%,#102f61 48%,#0b244b 100%)}.erp:has(.adminColourfulDashboard) .brand h2{letter-spacing:-.2px;font-size:19px}.erp:has(.adminColourfulDashboard) .brand span{color:#c8dcff;font-size:15px}.erp:has(.adminColourfulDashboard) .session span{color:#c5d8f6;font-size:14px}.erp:has(.adminColourfulDashboard) .session strong{font-size:16px}.erp:has(.adminColourfulDashboard) .navItem{border-radius:12px;padding:14px}.erp:has(.adminColourfulDashboard) .navItem span{font-size:16px}.erp:has(.adminColourfulDashboard) .sidebarFooter strong{font-size:15px}.erp:has(.adminColourfulDashboard) .sidebarFooter span{font-size:14px}.erp:has(.adminColourfulDashboard) .topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-height:94px}.erp:has(.adminColourfulDashboard) .topbar h1{letter-spacing:-.7px;font-size:28px}.erp:has(.adminColourfulDashboard) .topbar p{font-size:16px;line-height:1.45}.erp:has(.adminColourfulDashboard) .topActions .outlineButton{background:#fff;border-radius:11px;width:auto;min-height:42px;padding:0 15px;font-size:14px}.erp:has(.adminColourfulDashboard) .iconButton{border-radius:12px;width:42px;height:42px;box-shadow:0 5px 14px #1e293b0f}.erp:has(.adminColourfulDashboard) .profile strong{font-size:14px}.erp:has(.adminColourfulDashboard) .profile span{font-size:13px}.erp:has(.adminColourfulDashboard) .avatar{color:#4f46e5;background:linear-gradient(135deg,#dbeafe,#ede9fe);width:42px;height:42px;font-size:14px}.adminColourfulDashboard{max-width:1540px;padding:30px 34px 44px}.adminColourfulDashboard .dateRow{background:radial-gradient(circle at 90% 30%,#f59e0b24,#0000 24%),linear-gradient(110deg,#eef5ff 0%,#f7f2ff 55%,#fff9ed 100%);border:1px solid #6366f124;border-radius:22px;padding:23px 25px;position:relative;overflow:hidden;box-shadow:0 14px 34px #34407013}.adminColourfulDashboard .dateRow:after{content:"";border:22px solid #7c3aed0e;border-radius:50%;width:130px;height:130px;position:absolute;top:-52px;right:13%}.adminColourfulDashboard .todayLabel{font-size:14px}.adminColourfulDashboard .dateRow strong{font-size:18px}.adminColourfulDashboard .statsGrid{gap:20px}.adminColourfulDashboard .statCard{border-radius:22px;min-height:170px;padding:23px 24px;transition:transform .2s,box-shadow .2s}.adminColourfulDashboard .statCard:hover{transform:translateY(-3px);box-shadow:0 16px 34px #2231531c}.adminColourfulDashboard .statIcon{border-radius:15px;width:50px;height:50px;box-shadow:inset 0 0 0 1px #ffffffb3}.adminColourfulDashboard .statCard>span{font-size:16px}.adminColourfulDashboard .statCard h2{letter-spacing:-1px;font-size:33px}.adminColourfulDashboard .statCard p{font-size:15px}.adminColourfulDashboard .statCard:first-child{background:linear-gradient(145deg,#eaf3ff 0%,#fff 70%);border-color:#cfe1ff}.adminColourfulDashboard .statCard:nth-child(2){background:linear-gradient(145deg,#e9fbf3 0%,#fff 70%);border-color:#c8eedc}.adminColourfulDashboard .statCard:nth-child(3){background:linear-gradient(145deg,#fff0f3 0%,#fff 70%);border-color:#ffd7df}.adminColourfulDashboard .statCard:nth-child(4){background:linear-gradient(145deg,#fff7df 0%,#fff 70%);border-color:#f7dfa1}.adminColourfulDashboard .dashboardGrid{gap:21px}.adminColourfulDashboard .panel{border-radius:22px;padding:24px;box-shadow:0 12px 30px #22315311}.adminColourfulDashboard .panelHeader{margin-bottom:20px}.adminColourfulDashboard .panelHeader h3{letter-spacing:-.25px;font-size:20px}.adminColourfulDashboard .panelHeader p{font-size:15px}.adminColourfulDashboard .textButton{border-radius:9px;min-height:34px;padding:0 8px;font-size:15px}.adminColourfulDashboard .textButton:hover{background:#eff6ff}.adminColourfulDashboard .attendancePanel{background:linear-gradient(#effcf6 0,#fff 115px);border-top:5px solid #10b981}.adminColourfulDashboard .feePanel{background:linear-gradient(#f7f2ff 0,#fff 115px);border-top:5px solid #8b5cf6}.adminColourfulDashboard .announcementsPanel{background:linear-gradient(#fff8e8 0,#fff 115px);border-top:5px solid #f59e0b}.adminColourfulDashboard .calendarPanel{background:linear-gradient(#ecfbff 0,#fff 115px);border-top:5px solid #06b6d4}.adminColourfulDashboard .attendanceCircle{background:conic-gradient(#10b981 0 92.4%,#e5e7eb 92.4% 100%);width:148px;height:148px}.adminColourfulDashboard .attendanceCircle:after{width:111px;height:111px}.adminColourfulDashboard .attendanceCircle strong{font-size:24px}.adminColourfulDashboard .attendanceCircle span{font-size:14px}.adminColourfulDashboard .attendanceNumbers strong{font-size:18px}.adminColourfulDashboard .attendanceNumbers small{font-size:14px}.adminColourfulDashboard .attendanceMessage{border-radius:12px;font-size:14px;line-height:1.5}.adminColourfulDashboard .attendanceMessage button,.adminColourfulDashboard .feeAmount span,.adminColourfulDashboard .feeBreakdown span{font-size:14px}.adminColourfulDashboard .feeAmount strong{font-size:32px}.adminColourfulDashboard .feeBreakdown strong{font-size:16px}.adminColourfulDashboard .progressTrack{height:10px}.adminColourfulDashboard .feePanel .outlineButton{border-radius:11px;min-height:44px;font-size:15px}.adminColourfulDashboard .announcement{gap:13px;padding:15px 0}.adminColourfulDashboard .announcementIcon{border-radius:13px;width:43px;height:43px}.adminColourfulDashboard .announcement strong,.adminColourfulDashboard .event>div:last-child>strong{font-size:16px}.adminColourfulDashboard .announcement p{font-size:15px;line-height:1.55}.adminColourfulDashboard .announcement span,.adminColourfulDashboard .event p{font-size:14px}.adminColourfulDashboard .event{gap:14px;padding:14px 0}.adminColourfulDashboard .eventDate{border-radius:14px;width:54px;height:58px;box-shadow:0 5px 14px #06b6d41a}.adminColourfulDashboard .eventDate strong{font-size:18px}.adminColourfulDashboard .eventDate span{font-size:13px}@media (width<=1100px){.adminColourfulDashboard{padding:25px 24px 38px}}@media (width<=760px){.adminColourfulDashboard{padding:20px 15px 30px}.erp:has(.adminColourfulDashboard) .topbar h1{font-size:23px}.erp:has(.adminColourfulDashboard) .topbar{min-height:0!important}.adminColourfulDashboard{width:100%;max-width:100%;overflow-x:hidden;padding:16px 13px 30px!important}.adminColourfulDashboard .dateRow{border-radius:18px;padding:18px!important}.adminColourfulDashboard .dateRow:after{top:-55px;right:-35px}.adminColourfulDashboard .todayLabel{font-size:15px;line-height:1.35}.adminColourfulDashboard .dateRow strong{font-size:19px;line-height:1.4}.adminColourfulDashboard .statsGrid{gap:13px}.adminColourfulDashboard .statCard{border-radius:18px;min-height:0;padding:18px}.adminColourfulDashboard .statIcon{border-radius:14px;width:46px;height:46px}.adminColourfulDashboard .statCard>span{font-size:16px;line-height:1.35}.adminColourfulDashboard .statCard h2{font-size:30px}.adminColourfulDashboard .statCard p{font-size:15px;line-height:1.45}.adminColourfulDashboard .dashboardGrid{gap:14px}.adminColourfulDashboard .panel{border-radius:18px;padding:18px}.adminColourfulDashboard .panelHeader{margin-bottom:16px}.adminColourfulDashboard .panelHeader h3{font-size:20px;line-height:1.3}.adminColourfulDashboard .panelHeader p{font-size:15px;line-height:1.45}.adminColourfulDashboard .attendanceCircle{width:136px;height:136px;margin-inline:auto}.adminColourfulDashboard .attendanceCircle:after{width:101px;height:101px}.adminColourfulDashboard .feeAmount strong{font-size:29px}.adminColourfulDashboard .textButton,.adminColourfulDashboard .attendanceCircle span,.adminColourfulDashboard .attendanceNumbers small,.adminColourfulDashboard .attendanceMessage,.adminColourfulDashboard .attendanceMessage button,.adminColourfulDashboard .feeAmount span,.adminColourfulDashboard .feeBreakdown span{font-size:15px}.adminColourfulDashboard .feeBreakdown strong{font-size:17px}.adminColourfulDashboard .feePanel .outlineButton,.adminColourfulDashboard .announcement strong,.adminColourfulDashboard .event>div:last-child>strong{font-size:16px}.adminColourfulDashboard .announcement p{font-size:15px;line-height:1.55}.adminColourfulDashboard .announcement span,.adminColourfulDashboard .event p{font-size:15px;line-height:1.45}.adminColourfulDashboard .eventDate span{font-size:13px}}@media (width<=390px){.adminColourfulDashboard{padding-left:10px!important;padding-right:10px!important}.adminColourfulDashboard .dateRow,.adminColourfulDashboard .statCard,.adminColourfulDashboard .panel{border-radius:16px}}@media (width>=761px){.erp:not(.teacherPortalShell):not(.studentPortalShell)>.sidebar{flex-direction:column;height:100vh;max-height:100vh;display:flex;overflow:hidden}.erp:not(.teacherPortalShell):not(.studentPortalShell)>.sidebar>.brand,.erp:not(.teacherPortalShell):not(.studentPortalShell)>.sidebar>.session,.erp:not(.teacherPortalShell):not(.studentPortalShell)>.sidebar>.sidebarFooter{flex:none}.erp:not(.teacherPortalShell):not(.studentPortalShell)>.sidebar>nav{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;min-height:0;padding-bottom:8px;padding-right:4px;overflow:hidden auto}.erp:not(.teacherPortalShell):not(.studentPortalShell)>.sidebar>nav::-webkit-scrollbar{width:6px}.erp:not(.teacherPortalShell):not(.studentPortalShell)>.sidebar>nav::-webkit-scrollbar-thumb{background:#ffffff3d;border-radius:999px}.erp:not(.teacherPortalShell):not(.studentPortalShell)>.sidebar>nav .navItem{min-height:44px;padding-top:10px;padding-bottom:10px}}.mobileNavShell{display:none}@media (width<=760px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.erp{width:100%!important;min-width:0!important;display:block!important}.erp>.sidebar{display:none!important}.erp>.main{width:100%!important;min-width:0!important;max-width:100%!important;margin-left:0!important;padding-left:0!important}.mobileNavShell{z-index:1000;background:#fff;border-bottom:1px solid #e4e9f3;width:100%;display:block;position:sticky;top:0;box-shadow:0 8px 24px #1c305714}.mobileNavHeader{justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:10px 14px;display:flex}.mobileNavBrand{align-items:center;gap:11px;min-width:0;display:flex}.mobileNavLogo{color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#174b91,#6d35f4);border-radius:14px;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:17px;font-weight:800;display:grid;box-shadow:0 7px 16px #3944bc33}.mobileNavTitle{flex-direction:column;gap:2px;min-width:0;display:flex}.mobileNavTitle strong{text-overflow:ellipsis;white-space:nowrap;color:#173b73;max-width:205px;font-size:18px;font-weight:800;line-height:1.2;display:block;overflow:hidden}.mobileNavTitle span{color:#6c7890;font-size:14px;font-weight:700}.mobileMenuButton{color:#173b73;cursor:pointer;background:#f7f9fe;border:1px solid #dce4f2;border-radius:13px;justify-content:center;align-items:center;gap:6px;min-width:78px;height:44px;font-size:15px;font-weight:800;display:inline-flex}.mobileMenuButton.open{color:#fff;background:linear-gradient(135deg,#255fe7,#7437ef);border-color:#0000}.mobileMenuPanel{background:#fff;border-top:1px solid #edf0f6;padding:2px 12px 14px}.mobileMenuGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding-top:10px;display:grid}.mobileMenuItem{color:#40506a;text-align:center;cursor:pointer;background:#f8faff;border:1px solid #e3e9f4;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:72px;padding:9px 6px;font-size:14px;font-weight:750;line-height:1.15;display:flex}.mobileMenuItem span{overflow-wrap:anywhere}.mobileMenuItem.active{color:#fff;background:linear-gradient(135deg,#2763e8,#7138ef);border-color:#0000;box-shadow:0 8px 18px #4e46db33}.erp>.main>.topbar{min-height:auto!important;padding:10px 14px!important;display:block!important}.erp>.main>.topbar>div:first-child{display:none!important}.erp>.main>.topbar .topActions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important;display:grid!important}.erp>.main>.topbar .topActions>.outlineButton{width:100%!important;min-width:0!important;min-height:42px!important;padding:8px 10px!important;font-size:14px!important}.erp>.main>.topbar .iconButton,.erp>.main>.topbar .profile{display:none!important}.erp>.main>.content{width:100%!important;min-width:0!important;max-width:100%!important;margin-left:0!important;padding-left:14px!important;padding-right:14px!important}}@media (width<=390px){.mobileNavHeader{padding-left:11px;padding-right:11px}.mobileNavLogo{border-radius:13px;flex-basis:42px;width:42px;height:42px}.mobileNavTitle strong{max-width:165px;font-size:16px}.mobileMenuButton{min-width:70px;height:42px}.mobileMenuGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--erp-ink:#172033;--erp-muted:#64748b;--erp-line:#e4e9f2;--erp-blue:#2563eb;--erp-indigo:#4f46e5;--erp-purple:#7c3aed;--erp-cyan:#0891b2;--erp-green:#16a34a;--erp-emerald:#059669;--erp-amber:#d97706;--erp-orange:#ea580c;--erp-red:#dc2626;--erp-pink:#db2777;--erp-bg:#f5f7ff}body{background:radial-gradient(circle at 10% 0%, #2563eb14, transparent 28%), radial-gradient(circle at 92% 8%, #7c3aed14, transparent 25%), var(--erp-bg);color:var(--erp-ink)}.sidebar{background:linear-gradient(#0b1f4b 0%,#162b68 45%,#3b1d72 100%);box-shadow:10px 0 35px #1f296926}.brandLogo,.principalAvatar{color:#3730a3;background:linear-gradient(135deg,#fff,#dbeafe);box-shadow:0 8px 22px #0000002e}.session{background:linear-gradient(135deg,#3b82f633,#a855f72e);border:1px solid #ffffff1f}.navItem{border:1px solid #0000}.navItem:hover{background:#ffffff1a;border-color:#ffffff14}.navItem.active{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 9px 24px #2563eb47}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-bottom:1px solid #e4e7f3;box-shadow:0 7px 24px #1e29630f}.topbar h1{color:#172554}.topbar p{color:#64748b}.avatar{color:#4338ca;background:linear-gradient(135deg,#dbeafe,#ede9fe);border:1px solid #c7d2fe}.iconButton{color:#4338ca;background:linear-gradient(135deg,#fff,#f4f7ff);border-color:#dbe3f4}.content{color:var(--erp-ink)}.panel,.statCard,.studentSummaryGrid>div,.attendanceSummaryCard,[class*=Card],[class*=card]{border-color:#e1e7f2}.panel{background:linear-gradient(#fffffffc,#fafbfffa);box-shadow:0 10px 28px #1e296312}.panel:hover{border-color:#d4dcf0}.panelHeader h3,.studentPageHeader h2,.attendancePageHeader h2{color:#172554}.primaryButton,.saveButton{color:#fff!important;background:linear-gradient(135deg,#2563eb,#7c3aed)!important;border-color:#0000!important;box-shadow:0 9px 22px #4f46e538!important}.primaryButton:hover,.saveButton:hover{filter:brightness(1.04);transform:translateY(-1px)}.outlineButton{color:#4338ca;background:linear-gradient(135deg,#fff,#f7f5ff);border-color:#d8d9f3}.textButton{color:#4f46e5}.statsGrid .statCard:first-child{background:linear-gradient(135deg,#eff6ff 0%,#fff 70%);border-top:4px solid #2563eb}.statsGrid .statCard:nth-child(2){background:linear-gradient(135deg,#ecfdf5 0%,#fff 70%);border-top:4px solid #10b981}.statsGrid .statCard:nth-child(3){background:linear-gradient(135deg,#fff1f2 0%,#fff 70%);border-top:4px solid #ef4444}.statsGrid .statCard:nth-child(4){background:linear-gradient(135deg,#fff7ed 0%,#fff 70%);border-top:4px solid #f59e0b}.statsGrid .statCard:first-child .statIcon{color:#2563eb;background:#dbeafe}.statsGrid .statCard:nth-child(2) .statIcon{color:#059669;background:#d1fae5}.statsGrid .statCard:nth-child(3) .statIcon{color:#dc2626;background:#fee2e2}.statsGrid .statCard:nth-child(4) .statIcon{color:#d97706;background:#fef3c7}.attendancePanel{background:linear-gradient(145deg,#f0fdf8,#fff 45%);border-top:4px solid #10b981}.feePanel{background:linear-gradient(145deg,#f5f3ff,#fff 45%);border-top:4px solid #8b5cf6}.announcementsPanel{background:linear-gradient(145deg,#fffbeb,#fff 45%);border-top:4px solid #f59e0b}.calendarPanel{background:linear-gradient(145deg,#ecfeff,#fff 45%);border-top:4px solid #06b6d4}.studentSummaryGrid>div:first-child{background:linear-gradient(135deg,#eff6ff,#fff);border-left:4px solid #2563eb}.studentSummaryGrid>div:nth-child(2){background:linear-gradient(135deg,#eef2ff,#fff);border-left:4px solid #4f46e5}.studentSummaryGrid>div:nth-child(3){background:linear-gradient(135deg,#fdf2f8,#fff);border-left:4px solid #db2777}.studentSummaryGrid>div:nth-child(4){background:linear-gradient(135deg,#ecfdf5,#fff);border-left:4px solid #059669}.studentTablePanel,.attendanceTablePanel{box-shadow:0 12px 30px #1e296312}.studentTable th,.attendanceTable th,table thead th{color:#475569;background:linear-gradient(#f4f6ff,#eef2ff)}.studentTable tbody tr:nth-child(2n),.attendanceTable tbody tr:nth-child(2n),table tbody tr:nth-child(2n){background:#f8faffb8}.studentTable tbody tr:hover,.attendanceTable tbody tr:hover,table tbody tr:hover{background:#f0f5ff}.studentAvatar,.attendanceStudentAvatar{color:#4338ca;background:linear-gradient(135deg,#dbeafe,#ede9fe)}.activeBadge{color:#15803d;background:#dcfce7}.attendanceControls{background:linear-gradient(135deg,#eff6ff,#fff 58%,#f5f3ff);border-color:#dbe5f5}.attendanceSummaryGrid .attendanceSummaryCard:first-child{background:linear-gradient(135deg,#eff6ff,#fff);border-top:4px solid #2563eb}.attendanceSummaryGrid .attendanceSummaryCard:nth-child(2){background:linear-gradient(135deg,#ecfdf5,#fff);border-top:4px solid #10b981}.attendanceSummaryGrid .attendanceSummaryCard:nth-child(3){background:linear-gradient(135deg,#fff1f2,#fff);border-top:4px solid #ef4444}.attendanceSummaryGrid .attendanceSummaryCard:nth-child(4){background:linear-gradient(135deg,#fffbeb,#fff);border-top:4px solid #f59e0b}.attendanceSummaryGrid .attendanceSummaryCard:nth-child(5){background:linear-gradient(135deg,#f5f3ff,#fff);border-top:4px solid #8b5cf6}.attendanceNotice{background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}[class*=PageHeader],[class*=pageHeader],[class*=HeaderCard],[class*=hero]{border-radius:16px}.studentPageHeader,.attendancePageHeader{background:linear-gradient(120deg,#dbeafec7,#fffffff5 50%,#ede9fec7);border:1px solid #dfe6f5;border-radius:16px;padding:18px 20px;box-shadow:0 8px 24px #1e29630f}input,select,textarea{border-color:#d7deeb!important}input:focus,select:focus,textarea:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f11a!important}.studentSearch,.attendanceSearch,.attendanceDateInput{background:#fff;border-color:#d8def0}.modalOverlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0f172aa8!important}.studentModal,.modal{border-color:#d9def0!important;box-shadow:0 28px 75px #1e296347!important}.modalHeader{background:linear-gradient(135deg,#eff6ff,#fff 55%,#f5f3ff)!important}.modalFooter{background:linear-gradient(#fafbff,#f4f6ff)!important}.profileItem{background:linear-gradient(135deg,#fff,#f8faff)!important;border-color:#e1e6f2!important}[class*=success],[class*=Success],[class*=paid],[class*=Paid],[class*=present],[class*=Present]{--status-accent:#059669}[class*=warning],[class*=Warning],[class*=pending],[class*=Pending]{--status-accent:#d97706}[class*=danger],[class*=Danger],[class*=absent],[class*=Absent],[class*=overdue],[class*=Overdue]{--status-accent:#dc2626}.announcementIcon{color:#4f46e5;background:linear-gradient(135deg,#dbeafe,#ede9fe)}.eventDate{background:linear-gradient(135deg,#cffafe,#e0f2fe);border:1px solid #bae6fd}.eventDate strong{color:#0369a1}.progressTrack,.attendanceRateTrack{background:#e9edf8}.progressFill{background:linear-gradient(90deg,#10b981,#06b6d4)}.attendanceRateFill{background:linear-gradient(90deg,#2563eb,#7c3aed)}*{scrollbar-width:thin;scrollbar-color:#a5b4fc #eef2ff}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#eef2ff}::-webkit-scrollbar-thumb{background:linear-gradient(#93c5fd,#a78bfa);border-radius:20px}@media (width<=760px){body{background:radial-gradient(circle at 15% 0,#2563eb1a,#0000 30%),radial-gradient(circle at 90% 8%,#7c3aed17,#0000 26%),#f7f8ff}.topbar{background:#fffffff7}.panel,.statCard,.studentSummaryGrid>div,.attendanceSummaryCard{box-shadow:0 8px 22px #1e296312}.studentPageHeader,.attendancePageHeader{padding:15px}}:root{--skx-aurora-peach:#fff1e8;--skx-aurora-sky:#eaf6ff;--skx-aurora-lavender:#f1ecff;--skx-aurora-mint:#e9fff4;--skx-aurora-yellow:#fff8dc;--skx-aurora-rose:#fff0f5;--skx-aurora-border:#d9e2f2;--skx-aurora-text:#172554;--skx-aurora-muted:#64748b}html,body,#root{background:#eef6ff}.erp,.main{color:var(--skx-aurora-text);background:radial-gradient(circle at 8% 5%,#ffb78057,#0000 25%),radial-gradient(circle at 92% 8%,#9ab8ff61,#0000 28%),radial-gradient(circle at 88% 88%,#98efc04d,#0000 28%),radial-gradient(circle at 10% 92%,#cdb2ff52,#0000 26%),linear-gradient(135deg,#fff3e8 0%,#eef7ff 34%,#f3eeff 68%,#ecfff6 100%)}.main{min-height:100vh}.main>.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(90deg,#fff4ebf5,#eef7fff5 45%,#f4effff5);border-bottom-color:#d7dff1;box-shadow:0 8px 28px #46529614}.main>.content,.main>[class$=Page],.main>[class$=page]{background-color:#0000}.main :where(.panel,[class*=Panel],[class*=panel],[class*=Card],[class*=card],[class*=Toolbar],[class*=toolbar],[class*=TableWrap],[class*=tableWrap],[class*=TableCard],[class*=tableCard],[class*=Filter],[class*=filter],[class*=Selector],[class*=selector],[class*=Modal],[class*=modal]){border-color:var(--skx-aurora-border);box-shadow:0 10px 28px #4f46820f}.main :where([class*=Card],[class*=card]):nth-child(6n+1),.main :where([class*=Panel],[class*=panel]):nth-child(6n+1){background-color:#fff1e8f2}.main :where([class*=Card],[class*=card]):nth-child(6n+2),.main :where([class*=Panel],[class*=panel]):nth-child(6n+2){background-color:#eaf6fff2}.main :where([class*=Card],[class*=card]):nth-child(6n+3),.main :where([class*=Panel],[class*=panel]):nth-child(6n+3){background-color:#f1ecfff2}.main :where([class*=Card],[class*=card]):nth-child(6n+4),.main :where([class*=Panel],[class*=panel]):nth-child(6n+4){background-color:#e9fff4f2}.main :where([class*=Card],[class*=card]):nth-child(6n+5),.main :where([class*=Panel],[class*=panel]):nth-child(6n+5){background-color:#fff8dcf2}.main :where([class*=Card],[class*=card]):nth-child(6n),.main :where([class*=Panel],[class*=panel]):nth-child(6n){background-color:#fff0f5f2}.main :where(input,select,textarea){background-color:#fffffff5;border-color:#cfd9ec}.main :where(input,select,textarea):focus{background-color:#fff;border-color:#8b7cf6;box-shadow:0 0 0 3px #7c5cf61c}.main :where(table){background-color:#ffffff7a}.main :where(thead th){background:linear-gradient(90deg,#e9f2ff,#eee9ff);border-color:#d6def0}.main :where(tbody td){background-color:#ffffffb8;border-color:#dde5f2}.main :where(tbody tr:nth-child(2n) td){background-color:#f3f9ffd1}.main :where(tbody tr:hover td){background-color:#ecf5fffa}.main .examControlsPanel,.main .teacherMarksToolbar{background:linear-gradient(120deg,#fff1e8f5,#eaf6fff5);border-color:#d8e0ef}.main .examResultPanel,.main .teacherMarksPanel,.main .studentResultsPanel{background:linear-gradient(135deg,#f1ecfff0,#e9fff4f0);border-color:#d9dff0}.main .examSummaryCard:nth-child(4n+1){background-color:#fff1e8}.main .examSummaryCard:nth-child(4n+2){background-color:#eaf6ff}.main .examSummaryCard:nth-child(4n+3){background-color:#f1ecff}.main .examSummaryCard:nth-child(4n){background-color:#e9fff4}.main .examTableWrap,.main .teacherMarksTableWrap,.main .studentMarksTableWrap{background-color:#ffffffb3;border-color:#d9e2f2}.main .adminTimetablePeriod{background-color:#eaf6ffe6;border-color:#d6e2f2}.main .adminTimetablePeriod:nth-child(4n+2){background-color:#f1ecffeb}.main .adminTimetablePeriod:nth-child(4n+3){background-color:#e9fff4eb}.main .adminTimetablePeriod:nth-child(4n){background-color:#fff1e8eb}.main .adminTimetablePeriod.archived{background-color:#fff0f0}.main :where([class*=Overlay],[class*=overlay]){background-color:#0f172a85}.main :where(.iconButton,.profile){background-color:#ffffffe0;border-color:#d8e1ef}@media (width<=900px){.main>.topbar{background:linear-gradient(90deg,#fff4ebfa,#eff7fffa,#f4effffa)}.main :where([class*=Card],[class*=card],[class*=Panel],[class*=panel]){box-shadow:0 8px 22px #4f46820d}}:root{--skx-exam-purple:#6d5dfc;--skx-exam-indigo:#4f46e5;--skx-exam-blue:#2563eb;--skx-exam-cyan:#0891b2;--skx-exam-green:#16a34a;--skx-exam-amber:#d97706;--skx-exam-rose:#e11d48;--skx-exam-text:#172033;--skx-exam-muted:#667085}.main .examsResultsPage{gap:20px}.main .examsResultsPage .examPageHeader{background:radial-gradient(circle at 10% 10%,#ffffff47,#0000 28%),linear-gradient(118deg,#5b5be9 0%,#7c4dff 45%,#d946ef 100%);border:1px solid #ffffff94;border-radius:20px;padding:22px 24px;box-shadow:0 14px 34px #5b49d62e}.main .examsResultsPage .examEyebrow,.main .examsResultsPage .examPageHeader h2,.main .examsResultsPage .examPageHeader p{color:#fff}.main .examsResultsPage .examEyebrow{opacity:.88}.main .examsResultsPage .examPageHeader p{opacity:.9}.main .examsResultsPage .examPrimaryButton{color:#4a2400;background:linear-gradient(135deg,#ffbf3f,#ff7a59);border:0;box-shadow:0 8px 18px #ff8b4540}.main .examsResultsPage .examSecondaryButton{color:#4f46e5;background:#ffffffe6;border-color:#ffffff8f}.main .examsResultsPage .examControlsPanel{background:linear-gradient(120deg,#fff3e6 0%,#fff9d9 48%,#ffeef6 100%);border-color:#f2d6c4;box-shadow:0 10px 26px #ab693312}.main .examsResultsPage .examControlsPanel label:first-child>span{color:#b45309}.main .examsResultsPage .examControlsPanel label:nth-child(2)>span{color:#7c3aed}.main .examsResultsPage .examControlsPanel label:nth-child(3)>span{color:#0f766e}.main .examsResultsPage .examControlsPanel select{background:#ffffffeb;border-color:#7c5cf62e}.main .examsResultsPage .examSummaryCard{border-width:1px;position:relative;overflow:hidden;box-shadow:0 10px 26px #303e7b12}.main .examsResultsPage .examSummaryCard:after{content:"";background:#ffffff5c;border-radius:50%;width:92px;height:92px;position:absolute;top:-24px;right:-22px}.main .examsResultsPage .examSummaryCard:first-child{background:linear-gradient(135deg,#eaf6ff,#dceaff);border-color:#bedbff}.main .examsResultsPage .examSummaryCard:nth-child(2){background:linear-gradient(135deg,#e9fff4,#d9f9e7);border-color:#bcebd2}.main .examsResultsPage .examSummaryCard:nth-child(3){background:linear-gradient(135deg,#fff0f5,#ffe1e8);border-color:#ffcbd5}.main .examsResultsPage .examSummaryCard:nth-child(4){background:linear-gradient(135deg,#fff5e4,#ffebc7);border-color:#ffd9a8}.main .examsResultsPage .examSummaryCard strong{color:#172033}.main .examsResultsPage .examResultPanel{background:#ffffffc2;border:1px solid #d9def8;border-radius:18px;box-shadow:0 14px 34px #45498b14}.main .examsResultsPage .examResultToolbar{background:linear-gradient(100deg,#edf4ff 0%,#f1ecff 48%,#fff0f7 100%);border-bottom-color:#dcdff4}.main .examsResultsPage .examResultToolbar h3{color:#3f3a91}.main .examsResultsPage .examSearchBox{background:#ffffffe6;border-color:#cfd4f7}.main .examsResultsPage .examResultsTable thead th,.main .examsResultsPage .marksEntryTable thead th{color:#fff;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-bottom-color:#6459d6}.main .examsResultsPage .examResultsTable tbody tr:nth-child(4n+1) td{background:#f2f7ff}.main .examsResultsPage .examResultsTable tbody tr:nth-child(4n+2) td{background:#f6f0ff}.main .examsResultsPage .examResultsTable tbody tr:nth-child(4n+3) td{background:#effcf6}.main .examsResultsPage .examResultsTable tbody tr:nth-child(4n) td{background:#fff7eb}.main .examsResultsPage .examResultsTable tbody tr:hover td{background:#e9edff}.main .examsResultsPage .examStudentAvatar{color:#fff;background:linear-gradient(135deg,#5b5be9,#d946ef);box-shadow:0 5px 14px #5b5be938}.main .examsResultsPage .examGradeBadge{color:#5b3fc2;background:linear-gradient(135deg,#eee9ff,#e3f2ff)}.main .examsResultsPage .examPublishStatus.published{background:linear-gradient(135deg,#eafff2,#e1f8ea);border:1px solid #a7e8c0}.main .examsResultsPage .examPublishStatus.draft{background:linear-gradient(135deg,#fff7e8,#fff0d6);border:1px solid #ffd59d}.main .examsResultsPage .examModal:not(.reportCardModal){background:linear-gradient(#faf9ff 0%,#fff 24%);border:1px solid #dad7f8}.main .examsResultsPage .marksEntryHeading{background:linear-gradient(120deg,#eef4ff,#f3edff,#fff2f7)}.main .examsResultsPage .marksLiveSummary>div:first-child{background:#eaf6ff}.main .examsResultsPage .marksLiveSummary>div:nth-child(2){background:#e9fff4}.main .examsResultsPage .marksLiveSummary>div:nth-child(3){background:#fff3e6}.main .examsResultsPage .marksLiveSummary>div:nth-child(4){background:#f3edff}.main .teacherMarksPage .teacherMarksHero{background:radial-gradient(circle at 90% 12%,#ffffff47,#0000 28%),linear-gradient(120deg,#2563eb 0%,#6d5dfc 52%,#c026d3 100%);border-color:#d6d4fb;box-shadow:0 14px 34px #434cbb2e}.main .teacherMarksPage .teacherMarksEyebrow,.main .teacherMarksPage .teacherMarksHero h2,.main .teacherMarksPage .teacherMarksHero p{color:#fff}.main .teacherMarksPage .teacherMarksHero p{opacity:.9}.main .teacherMarksPage .teacherMarksRole{color:#4f46e5;background:#ffffffe6;border-color:#ffffff80;box-shadow:0 8px 18px #2a33811f}.main .teacherMarksPage .teacherMarksRole strong{color:#4f46e5}.main .teacherMarksPage .teacherMarksStats>div{border-width:1px;box-shadow:0 9px 24px #3a44840f}.main .teacherMarksPage .teacherMarksStats>div:first-child{background:linear-gradient(135deg,#eaf6ff,#dfeeff);border-color:#bedbff}.main .teacherMarksPage .teacherMarksStats>div:nth-child(2){background:linear-gradient(135deg,#e9fff4,#dbf8e8);border-color:#b8ebcf}.main .teacherMarksPage .teacherMarksStats>div:nth-child(3){background:linear-gradient(135deg,#fff3e6,#ffe8c8);border-color:#ffd7a0}.main .teacherMarksPage .teacherMarksStats>div:nth-child(4){background:linear-gradient(135deg,#f3edff,#eadfff);border-color:#d7c9ff}.main .teacherMarksPage .teacherMarksPanel{background:#fffc;border-color:#dadcf3;box-shadow:0 14px 32px #36427d12}.main .teacherMarksPage .teacherMarksHeader{background:linear-gradient(100deg,#eef6ff,#f1ecff,#fff0f7)}.main .teacherMarksPage .teacherMarksContext>div:first-child{background:#eaf6ff}.main .teacherMarksPage .teacherMarksContext>div:nth-child(2){background:#f3edff}.main .teacherMarksPage .teacherMarksContext>div:nth-child(3){background:#e9fff4}.main .teacherMarksPage .teacherMarksToolbar{background:#fff9ed}.main .teacherMarksPage .teacherMarksSearch{background:#ffffffeb;border-color:#d5cdf8}.main .teacherMarksPage .teacherMarksTable thead th{color:#fff;background:linear-gradient(90deg,#4338ca,#7c3aed)}.main .teacherMarksPage .teacherMarksTable tbody tr:nth-child(4n+1) td{background:#f2f7ff}.main .teacherMarksPage .teacherMarksTable tbody tr:nth-child(4n+2) td{background:#f6f0ff}.main .teacherMarksPage .teacherMarksTable tbody tr:nth-child(4n+3) td{background:#effcf6}.main .teacherMarksPage .teacherMarksTable tbody tr:nth-child(4n) td{background:#fff7eb}.main .teacherMarksPage .teacherMarksInput input{color:#3f3a91;background:#fff;border-color:#b9b6ec}.main .teacherMarksPage .markBadge{color:#5b3fc2;background:#eee9ff}.main .teacherMarksPage .passBadge{color:#15803d;background:#dcfce7}.main .teacherMarksPage .failBadge{color:#be123c;background:#ffe4e6}.main .teacherMarksPage .draftBadge{color:#c2410c;background:#ffedd5}.main .teacherMarksPage .teacherMarksActions{background:linear-gradient(100deg,#f5f7ff,#fff8ef)}.main .teacherMarksPage .draftButton{color:#5b3fc2;background:#f4f1ff;border-color:#cfcdf3}.main .teacherMarksPage .publishButton{background:linear-gradient(135deg,#16a34a,#0d9488);box-shadow:0 8px 18px #16a34a2e}.main .teacherMarksPage .teacherMarksInfo{background:linear-gradient(120deg,#edf7ff,#f4f0ff);border-color:#cae4fa}.main .studentResultsPage .studentResultsHero{background:radial-gradient(circle at 88% 12%,#ffffff47,#0000 27%),linear-gradient(120deg,#2563eb 0%,#6d5dfc 48%,#db2777 100%);border-color:#d9d4fb;box-shadow:0 14px 34px #4f46b52e}.main .studentResultsPage .studentResultsEyebrow,.main .studentResultsPage .studentResultsHero h2,.main .studentResultsPage .studentResultsHero p{color:#fff}.main .studentResultsPage .studentResultsHero p{opacity:.9}.main .studentResultsPage .studentResultsPublished{color:#15803d;background:#ffffffe8;border-color:#ffffff8f}.main .studentResultsPage .studentResultsPublished strong{color:#15803d}.main .studentResultsPage .studentResultsStats>div{box-shadow:0 9px 24px #3a44840f}.main .studentResultsPage .studentResultsStats>div:first-child{background:linear-gradient(135deg,#eaf6ff,#dfeeff);border-color:#bcd9ff}.main .studentResultsPage .studentResultsStats>div:nth-child(2){background:linear-gradient(135deg,#e9fff4,#dff8ea);border-color:#bce8cf}.main .studentResultsPage .studentResultsStats>div:nth-child(3){background:linear-gradient(135deg,#fff3e6,#ffeacb);border-color:#ffd8a5}.main .studentResultsPage .studentResultsStats>div:nth-child(4){background:linear-gradient(135deg,#f3edff,#eadfff);border-color:#d6c8ff}.main .studentResultsPage .studentResultsPanel,.main .studentResultsPage .studentResultHistory{background:#fffc;border-color:#dcdef3;box-shadow:0 14px 32px #36427d12}.main .studentResultsPage .studentResultsPanelHeader,.main .studentResultsPage .studentResultHistoryHeader{background:linear-gradient(100deg,#edf5ff,#f3edff,#fff0f7)}.main .studentResultsPage .studentResultExamBanner{background:linear-gradient(100deg,#fff5df,#ffeef5,#eef4ff)}.main .studentResultsPage .studentResultExamIcon{color:#fff;background:linear-gradient(135deg,#5b5be9,#d946ef)}.main .studentResultsPage .studentMarksTable thead th{color:#fff;background:linear-gradient(90deg,#4338ca,#7c3aed)}.main .studentResultsPage .studentMarksTable tbody tr:nth-child(4n+1) td{background:#f2f7ff}.main .studentResultsPage .studentMarksTable tbody tr:nth-child(4n+2) td{background:#f6f0ff}.main .studentResultsPage .studentMarksTable tbody tr:nth-child(4n+3) td{background:#effcf6}.main .studentResultsPage .studentMarksTable tbody tr:nth-child(4n) td{background:#fff7eb}.main .studentResultsPage .studentMarksTable tfoot td{background:linear-gradient(90deg,#eaf6ff,#f3edff)}.main .studentResultsPage .studentGradeBadge{color:#5b3fc2;background:#eee9ff}.main .studentResultsPage .studentPassBadge{color:#15803d;background:#dcfce7}.main .studentResultsPage .studentFailBadge{color:#be123c;background:#ffe4e6}.main .studentResultsPage .studentResultBottom{background:linear-gradient(100deg,#f8fbff,#fff9ef)}.main .studentResultsPage .studentReportButton{background:linear-gradient(135deg,#5b5be9,#d946ef);box-shadow:0 8px 18px #7c3aed33}.main .studentResultsPage .studentResultHistoryGrid article:nth-child(4n+1){background:#eef7ff;border-color:#cce5ff}.main .studentResultsPage .studentResultHistoryGrid article:nth-child(4n+2){background:#f4efff;border-color:#ded0ff}.main .studentResultsPage .studentResultHistoryGrid article:nth-child(4n+3){background:#effcf6;border-color:#ccebd9}.main .studentResultsPage .studentResultHistoryGrid article:nth-child(4n){background:#fff7eb;border-color:#ffe1b6}.main .studentResultsPage .studentResultsReadOnly{background:linear-gradient(100deg,#edf7ff,#f4f0ff);border-color:#cadff5}.main .reportCardModal{overscroll-behavior:contain;scrollbar-gutter:stable;background:#fff;border:1px solid #d7d4fb;overflow:hidden auto}.main .reportCardModal .examModalHeader{z-index:20;background:linear-gradient(100deg,#edf5ff,#f3edff,#fff0f7);position:sticky;top:0}.main .reportCardPrintable{background:radial-gradient(circle at 100% 0,#d8b4fe33,#0000 24%),radial-gradient(circle at 0 100%,#7dd3fc33,#0000 25%),#fff;border:3px solid #5b5be9;border-radius:18px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #f0efff}.main .reportSchoolHeader{background:linear-gradient(115deg,#4338ca 0%,#6d5dfc 50%,#c026d3 100%);border:0;border-radius:14px;margin:-4px -4px 0;padding:20px 18px}.main .reportSchoolLogo{color:#4a2a00;background:linear-gradient(135deg,#facc15,#fb923c);box-shadow:0 7px 18px #facc153d}.main .reportSchoolHeader h1,.main .reportSchoolHeader p{color:#fff}.main .reportSchoolHeader p{opacity:.9}.main .reportCardTitle{color:#5b3fc2;background:linear-gradient(90deg,#fff4d9,#fff0f6,#eef4ff);border-radius:12px;margin:16px 0;padding:12px 14px}.main .reportStudentDetails{border-color:#d8d6ef;border-radius:12px;overflow:hidden}.main .reportStudentDetails>div:nth-child(6n+1){background:#eef7ff}.main .reportStudentDetails>div:nth-child(6n+2){background:#f4efff}.main .reportStudentDetails>div:nth-child(6n+3){background:#effcf6}.main .reportStudentDetails>div:nth-child(6n+4){background:#fff7eb}.main .reportStudentDetails>div:nth-child(6n+5){background:#fff0f5}.main .reportStudentDetails>div:nth-child(6n){background:#f3f8ff}.main .reportMarksTable th{color:#fff;background:linear-gradient(90deg,#4338ca,#7c3aed);border-color:#665bd6}.main .reportMarksTable tbody tr:nth-child(4n+1) td{background:#f2f7ff}.main .reportMarksTable tbody tr:nth-child(4n+2) td{background:#f6f0ff}.main .reportMarksTable tbody tr:nth-child(4n+3) td{background:#effcf6}.main .reportMarksTable tbody tr:nth-child(4n) td{background:#fff7eb}.main .reportResultSummary{border-color:#d8d6ef;border-radius:12px;overflow:hidden}.main .reportResultSummary>div:first-child{background:#eaf6ff}.main .reportResultSummary>div:nth-child(2){background:#e9fff4}.main .reportResultSummary>div:nth-child(3){background:#fff3e6}.main .reportResultSummary>div:nth-child(4){background:#f3edff}.main .reportResultSummary>div:nth-child(5){background:#fff0f5}.main .reportRemarks{background:linear-gradient(100deg,#fff8e5,#fff1e9);border-color:#f4d08d;border-radius:12px}.main .reportSignatures div{border-top-color:#7c6ad8}.main .reportFooter{color:#6d5dfc;border-top-color:#ddd8fa}.main .studentReportModal{overscroll-behavior:contain;scrollbar-gutter:stable;background:#fff;border:1px solid #d7d4fb;overflow:hidden auto}.main .studentReportModalHeader{z-index:20;background:linear-gradient(100deg,#edf5ff,#f3edff,#fff0f7);position:sticky;top:0}.main .studentReportPrintable{background:radial-gradient(circle at 100% 0,#d8b4fe33,#0000 24%),radial-gradient(circle at 0 100%,#7dd3fc33,#0000 25%),#fff;border:3px solid #5b5be9;border-radius:18px;margin:18px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #f0efff}.main .studentReportSchool{background:linear-gradient(115deg,#4338ca 0%,#6d5dfc 50%,#c026d3 100%);border:0;border-radius:13px;margin:-2px -2px 0;padding:20px 18px}.main .studentReportLogo{color:#4a2a00;background:linear-gradient(135deg,#facc15,#fb923c);box-shadow:0 7px 18px #facc153d}.main .studentReportSchool h2,.main .studentReportSchool p,.main .studentReportSchool strong{color:#fff}.main .studentReportSchool p{opacity:.9}.main .studentReportTitle{background:linear-gradient(90deg,#fff4d9,#fff0f6,#eef4ff);border-radius:12px;margin:14px 0 16px;padding:12px}.main .studentReportTitle h3{color:#5b3fc2}.main .studentReportIdentity>div:nth-child(4n+1){background:#eef7ff;border-color:#cfe4fb}.main .studentReportIdentity>div:nth-child(4n+2){background:#f4efff;border-color:#ded2fb}.main .studentReportIdentity>div:nth-child(4n+3){background:#effcf6;border-color:#caead8}.main .studentReportIdentity>div:nth-child(4n){background:#fff7eb;border-color:#f4dbb6}.main .studentReportTable th{color:#fff;background:linear-gradient(90deg,#4338ca,#7c3aed);border-color:#665bd6}.main .studentReportTable tbody tr:nth-child(4n+1) td{background:#f2f7ff}.main .studentReportTable tbody tr:nth-child(4n+2) td{background:#f6f0ff}.main .studentReportTable tbody tr:nth-child(4n+3) td{background:#effcf6}.main .studentReportTable tbody tr:nth-child(4n) td{background:#fff7eb}.main .studentReportSummary>div:first-child{background:#eaf6ff;border-color:#bfdcff}.main .studentReportSummary>div:nth-child(2){background:#e9fff4;border-color:#bce9d0}.main .studentReportSummary>div:nth-child(3){background:#fff3e6;border-color:#ffd8a7}.main .studentReportSummary>div:nth-child(4){background:#f3edff;border-color:#d6c8ff}.main .studentReportSummary>div:nth-child(5){background:#fff0f5;border-color:#ffcbd7}.main .studentReportRemarkBox{background:linear-gradient(100deg,#fff8e5,#fff1e9);border-color:#f1ce8a}.main .studentReportSignatures>div{border-top-color:#7c6ad8}.main .studentReportPrint{background:linear-gradient(135deg,#5b5be9,#d946ef)}@media print{.reportCardPrintable,.reportCardPrintable *,.studentReportPrintable,.studentReportPrintable *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.reportCardPrintable,.studentReportPrintable{box-shadow:none!important}}@media (width<=720px){.main .examsResultsPage .examPageHeader,.main .teacherMarksPage .teacherMarksHero,.main .studentResultsPage .studentResultsHero{border-radius:16px}.main .studentReportPrintable{margin:10px}}@media print{@page{size:A4 portrait;margin:6mm}html,body,#root{background:#fff!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}body,body *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.erp{background:#fff!important;width:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important}.sidebar,.topbar{display:none!important}.main{background:#fff!important;width:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.content.examsResultsPage,.content.studentResultsPage{background:#fff!important;gap:0!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.content.examsResultsPage>:not(.reportCardOverlay),.content.studentResultsPage>:not(.studentReportOverlay){display:none!important}.reportCardOverlay,.studentReportOverlay{background:#fff!important;width:100%!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;inset:auto!important;overflow:visible!important}.reportCardModal,.studentReportModal{width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;box-shadow:none!important;background:#fff!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.reportCardPrintable,.studentReportPrintable{box-sizing:border-box!important;width:100%!important;max-width:198mm!important;height:auto!important;min-height:0!important;max-height:none!important;box-shadow:none!important;break-inside:avoid-page!important;page-break-inside:avoid!important;page-break-before:avoid!important;page-break-after:avoid!important;border-width:1.5px!important;border-radius:10px!important;margin:0 auto!important;padding:4mm 5mm!important;display:block!important;position:static!important;top:auto!important;left:auto!important;overflow:hidden!important}.reportSchoolHeader,.studentReportSchool{border-radius:8px!important;margin:0 0 7px!important;padding:9px 11px!important}.reportSchoolLogo,.studentReportLogo{border-radius:8px!important;width:42px!important;min-width:42px!important;height:42px!important;font-size:16px!important}.reportSchoolHeader h1,.studentReportSchool h2{margin:0!important;font-size:17px!important;line-height:1.1!important}.reportSchoolHeader p,.studentReportSchool p,.studentReportSchool strong{margin:2px 0!important;font-size:13px!important;line-height:1.2!important}.reportCardTitle,.studentReportTitle{min-height:0!important;margin:6px 0!important;padding:7px 9px!important}.reportCardTitle h2,.studentReportTitle h3{margin:0!important;font-size:15px!important;line-height:1.15!important}.reportCardTitle span,.studentReportTitle span{font-size:13px!important;line-height:1.1!important}.reportStudentDetails,.studentReportIdentity{gap:5px!important;margin-bottom:7px!important}.reportStudentDetails>div,.studentReportIdentity>div{border-radius:6px!important;min-height:0!important;padding:5px 7px!important}.reportStudentDetails span,.studentReportIdentity span{margin-bottom:2px!important;font-size:13px!important;line-height:1.1!important}.reportStudentDetails strong,.studentReportIdentity strong{font-size:13px!important;line-height:1.15!important}.reportMarksTable,.studentReportTable{border-collapse:collapse!important;break-inside:avoid-page!important;page-break-inside:avoid!important;width:100%!important;margin:0!important}.reportMarksTable th,.reportMarksTable td,.studentReportTable th,.studentReportTable td{padding:4px 6px!important;font-size:13px!important;line-height:1.15!important}.reportResultSummary,.studentReportSummary{break-inside:avoid-page!important;page-break-inside:avoid!important;gap:5px!important;margin-top:7px!important}.reportResultSummary>div,.studentReportSummary>div{border-radius:6px!important;min-height:0!important;padding:5px 6px!important}.reportResultSummary span,.studentReportSummary span{margin-bottom:2px!important;font-size:13px!important;line-height:1.1!important}.reportResultSummary strong,.studentReportSummary strong{font-size:13px!important;line-height:1.15!important}.reportRemarks,.studentReportRemarkBox{break-inside:avoid-page!important;page-break-inside:avoid!important;border-radius:6px!important;margin-top:7px!important;padding:6px 8px!important}.reportRemarks strong,.studentReportRemarkBox span{font-size:13px!important}.reportRemarks p,.studentReportRemarkBox p{margin:2px 0 0!important;font-size:13px!important;line-height:1.2!important}.reportSignatures,.studentReportSignatures{break-inside:avoid-page!important;page-break-inside:avoid!important;gap:16px!important;margin-top:18px!important}.reportSignatures>div,.studentReportSignatures>div{min-width:0!important;padding-top:5px!important}.reportSignatures span,.studentReportSignatures span,.studentReportSignatures strong{font-size:13px!important;line-height:1.15!important}.reportFooter{margin-top:8px!important;padding-top:5px!important;font-size:13px!important}.noPrint,.examModalHeader,.examModalFooter,.studentReportModalHeader,.studentReportModalFooter{display:none!important}}.studentPortalShell .topbar>div:first-child p{color:#475467;font-size:15px;line-height:1.5}.studentPortalShell .main>.content{color:#344054;font-size:16px}.studentPortalShell .main>.content p{color:#475467;font-size:15px;line-height:1.55}.studentPortalShell .main>.content small{color:#475467;font-size:14px;line-height:1.45}.studentPortalShell .main>.content label{color:#344054;font-size:15px;line-height:1.4}.studentPortalShell .main>.content input,.studentPortalShell .main>.content select,.studentPortalShell .main>.content textarea{color:#1f2937;font-size:15px}.studentPortalShell .main>.content table{color:#344054;font-size:15px}.studentPortalShell .main>.content th{color:#344054;font-size:14px;font-weight:800}.studentPortalShell .main>.content td{color:#344054;font-size:15px}.studentPortalShell .main>.content span:not([class]){color:#475467;font-size:15px;line-height:1.45}.studentPortalShell .main>.content :where([class*=Meta],[class*=Details],[class*=Detail],[class*=Field],[class*=Info],[class*=Summary]) span:not([class*=Status]):not([class*=status]):not([class*=Badge]):not([class*=badge]){color:#475467;font-size:14px}.studentPortalShell .main>.content :where([class*=Stats],[class*=Summary])>div>span{color:#475467;font-size:15px}.studentPortalShell .main>.content :where([class*=Stats],[class*=Summary])>div>small{color:#475467;font-size:14px}.studentPortalShell .main>.content :where([class*=Stats],[class*=Summary])>div>strong{color:#111827;font-size:21px;line-height:1.25}.studentPortalShell .main>.content h2{color:#172033;line-height:1.2}.studentPortalShell .main>.content h3{color:#1f2937;line-height:1.3}.studentPortalShell .main>.content :where([class*=Status],[class*=status],[class*=Badge],[class*=badge],[class*=Eyebrow],[class*=eyebrow]){font-weight:inherit}.studentPortalShell .studentProfilePage .studentProfileField span,.studentPortalShell .studentProfilePage .studentProfilePanelHeader p,.studentPortalShell .studentProfilePage .studentProfileAccess p,.studentPortalShell .studentProfilePage .studentProfileNotice p,.studentPortalShell .studentProfilePage .studentProfileIdentity p,.studentPortalShell .studentProfilePage .studentProfileIdCard span,.studentPortalShell .studentProfilePage .studentProfileIdCard small,.studentPortalShell .sf-page :where(p,small),.studentPortalShell .sf-page .sf-table td,.studentPortalShell .sf-page .sf-table th{color:#475467}.studentPortalShell .sf-page .sf-table td strong,.studentPortalShell .sf-page .sf-otherRow strong{color:#1f2937}.studentPortalShell .studentHomeworkPage .studentHomeworkDescription,.studentPortalShell .studentHomeworkPage .studentHomeworkMeta span,.studentPortalShell .studentHomeworkPage .studentHomeworkPanelHeader p,.studentPortalShell .studentHomeworkPage .studentHomeworkInfo p,.studentPortalShell .studentTimetablePage .studentTimetablePanelHeader p,.studentPortalShell .studentTimetablePage .studentTimetableSubject span,.studentPortalShell .studentTimetablePage .studentTimetableTeacher span,.studentPortalShell .studentTimetablePage .studentTimetableRoom span,.studentPortalShell .studentTimetablePage .studentTimetableInfo p,.studentPortalShell .studentResultsPage .studentResultsPanelHeader p,.studentPortalShell .studentResultsPage .studentResultExamBanner p,.studentPortalShell .studentResultsPage .studentMarksTable td,.studentPortalShell .studentResultsPage .studentMarksTable th,.studentPortalShell .studentAttendancePage :where(p,small),.studentPortalShell .studentAttendancePage table td,.studentPortalShell .studentAttendancePage table th,.studentPortalShell .announcementsPage :where(p,small),.studentPortalShell .announcementsPage span:not([class*=Badge]):not([class*=badge]):not([class*=Priority]):not([class*=priority]),.studentPortalShell .calendarPage :where(p,small),.studentPortalShell .calendarPage span:not([class*=Badge]):not([class*=badge]):not([class*=Type]):not([class*=type]){color:#475467}.studentPortalShell .main>.content a{font-size:15px}@media (width<=760px){.studentPortalShell .main>.content{font-size:15px}.studentPortalShell .main>.content p,.studentPortalShell .main>.content span:not([class]),.studentPortalShell .main>.content td,.studentPortalShell .main>.content input,.studentPortalShell .main>.content select,.studentPortalShell .main>.content textarea{font-size:14px}.studentPortalShell .main>.content th,.studentPortalShell .main>.content small{font-size:13.5px}.studentPortalShell .main>.content :where([class*=Stats],[class*=Summary])>div>strong{font-size:20px}}.teacherPortalShell :where(.teacherDashboardPage,.teacherPortalDashboard,.teacherDashboard) .teacherProfileAvatar{border-radius:24px!important;flex:0 0 150px!important;place-items:center!important;width:150px!important;min-width:150px!important;height:150px!important;min-height:150px!important;display:grid!important;overflow:hidden!important}.teacherPortalShell :where(.teacherDashboardPage,.teacherPortalDashboard,.teacherDashboard) .teacherProfileAvatar img{object-fit:cover!important;object-position:center 32%!important;border-radius:inherit!important;width:100%!important;height:100%!important;display:block!important}.teacherPortalShell :where(.teacherDashboardPage,.teacherPortalDashboard,.teacherDashboard) .teacherProfileStrip,.teacherPortalShell :where(.teacherDashboardPage,.teacherPortalDashboard,.teacherDashboard) .teacherHeroIdentity,.teacherPortalShell :where(.teacherDashboardPage,.teacherPortalDashboard,.teacherDashboard) .teacherProfileIdentity{align-items:center!important;gap:18px!important}.teacherPortalShell .teacherProfilePage .teacherProfileAvatar{border-radius:24px!important;flex:0 0 150px!important;place-items:center!important;width:150px!important;min-width:150px!important;height:150px!important;min-height:150px!important;display:grid!important;overflow:hidden!important}.teacherPortalShell .teacherProfilePage .teacherProfileAvatar img{object-fit:cover!important;object-position:center 32%!important;border-radius:inherit!important;width:100%!important;height:100%!important;display:block!important}.teacherPortalShell .teacherProfilePage .teacherProfileHero,.teacherPortalShell .teacherProfilePage .teacherProfileIdentity{align-items:center!important;gap:18px!important}.teacherPortalShell .teacherProfilePage .profileLargeAvatar,.teacherPortalShell .teacherProfilePage .teacherLargeAvatar{border-radius:24px!important;flex:0 0 150px!important;width:150px!important;min-width:150px!important;height:150px!important;min-height:150px!important;overflow:hidden!important}.teacherPortalShell .teacherProfilePage .profileLargeAvatar img,.teacherPortalShell .teacherProfilePage .teacherLargeAvatar img{object-fit:cover!important;object-position:center 32%!important;border-radius:inherit!important;width:100%!important;height:100%!important;display:block!important}@media (width<=760px){.teacherPortalShell :where(.teacherDashboardPage,.teacherPortalDashboard,.teacherDashboard) .teacherProfileAvatar,.teacherPortalShell .teacherProfilePage .teacherProfileAvatar,.teacherPortalShell .teacherProfilePage .profileLargeAvatar,.teacherPortalShell .teacherProfilePage .teacherLargeAvatar{flex-basis:122px!important;width:122px!important;min-width:122px!important;height:122px!important;min-height:122px!important}}.teacherPortalShell .teacherDashboard .teacherLargeAvatar{border-radius:20px!important;flex:0 0 150px!important;place-items:center!important;width:150px!important;min-width:150px!important;height:150px!important;min-height:150px!important;display:grid!important;overflow:hidden!important}.teacherPortalShell .teacherDashboard .teacherLargeAvatar img{object-fit:cover!important;object-position:center 32%!important;border-radius:inherit!important;width:100%!important;height:100%!important;display:block!important}.teacherPortalShell .teacherDashboard .teacherProfileStrip{align-items:center!important;gap:18px!important}@media (width<=760px){.teacherPortalShell .teacherDashboard .teacherLargeAvatar{flex:0 0 122px!important;width:122px!important;min-width:122px!important;height:122px!important;min-height:122px!important}}.teacherPortalShell{color:#344054}.teacherPortalShell .sidebar nav .navItem span{font-size:15px;line-height:1.35}.teacherPortalShell .sidebar .session span,.teacherPortalShell .sidebarFooter span{color:#475467;font-size:14px;line-height:1.4}.teacherPortalShell .sidebarFooter strong{color:#1f2937;font-size:15px}.teacherPortalShell .topbar>div:first-child p{color:#475467;font-size:15px;line-height:1.5}.teacherPortalShell .topbar .profile span{color:#475467;font-size:14px}.teacherPortalShell .topbar .profile strong{color:#1f2937;font-size:15px}.teacherPortalShell .main>:where(.content,.teacherDashboard){color:#344054;font-size:16px}.teacherPortalShell .main>:where(.content,.teacherDashboard) p{color:#475467;font-size:15px;line-height:1.55}.teacherPortalShell .main>:where(.content,.teacherDashboard) small{color:#475467;font-size:14px;line-height:1.45}.teacherPortalShell .main>:where(.content,.teacherDashboard) label{color:#344054;font-size:15px;font-weight:700;line-height:1.4}.teacherPortalShell .main>:where(.content,.teacherDashboard) input,.teacherPortalShell .main>:where(.content,.teacherDashboard) select,.teacherPortalShell .main>:where(.content,.teacherDashboard) textarea{color:#1f2937;font-size:15px;line-height:1.4}.teacherPortalShell .main>:where(.content,.teacherDashboard) button{font-size:15px}.teacherPortalShell .main>:where(.content,.teacherDashboard) table{color:#344054;font-size:15px}.teacherPortalShell .main>:where(.content,.teacherDashboard) th{color:#344054;font-size:14px;font-weight:800}.teacherPortalShell .main>:where(.content,.teacherDashboard) td{color:#344054;font-size:15px}.teacherPortalShell .main>:where(.content,.teacherDashboard) h2{color:#172033;line-height:1.2}.teacherPortalShell .main>:where(.content,.teacherDashboard) h3{color:#1f2937;line-height:1.3}.teacherPortalShell .main>:where(.content,.teacherDashboard) span:not([class]){color:#475467;font-size:15px;line-height:1.45}.teacherPortalShell .main>:where(.content,.teacherDashboard) :where([class*=Meta],[class*=Detail],[class*=Field],[class*=Info],[class*=Summary]) span:not([class*=Status]):not([class*=status]):not([class*=Badge]):not([class*=badge]){color:#475467;font-size:14px}.teacherPortalShell .main>:where(.content,.teacherDashboard) :where([class*=Stats],[class*=Summary])>div>span{color:#475467;font-size:15px}.teacherPortalShell .main>:where(.content,.teacherDashboard) :where([class*=Stats],[class*=Summary])>div>small{color:#475467;font-size:14px}.teacherPortalShell .main>:where(.content,.teacherDashboard) :where([class*=Stats],[class*=Summary])>div>strong{color:#111827;font-size:21px;line-height:1.25}.teacherPortalShell .main>:where(.content,.teacherDashboard) :where([class*=Status],[class*=status],[class*=Badge],[class*=badge],[class*=Eyebrow],[class*=eyebrow]){font-size:max(14px,1em)}.teacherPortalShell .teacherDashboard .teacherEyebrow{font-size:14px}.teacherPortalShell .teacherDashboard .teacherWelcome p,.teacherPortalShell .teacherDashboard .teacherIdentity p{color:#475467;font-size:15px}.teacherPortalShell .teacherDashboard .teacherDateBox span,.teacherPortalShell .teacherDashboard .teacherIdentity>span,.teacherPortalShell .teacherDashboard .teacherProfileStats span{color:#475467;font-size:14px}.teacherPortalShell .teacherDashboard .teacherDateBox strong,.teacherPortalShell .teacherDashboard .teacherIdentity h3,.teacherPortalShell .teacherDashboard .teacherProfileStats strong{color:#1f2937}.teacherPortalShell .teacherDashboard .teacherIdentity h3{font-size:20px}.teacherPortalShell .teacherDashboard .teacherProfileStats strong{font-size:18px}.teacherPortalShell .teacherClassesPage :where(p,small),.teacherPortalShell .teacherMyClasses :where(p,small),.teacherPortalShell .teacherClassesPage :where([class*=Class],[class*=Student],[class*=Meta]) span,.teacherPortalShell .teacherMyClasses :where([class*=Class],[class*=Student],[class*=Meta]) span,.teacherPortalShell .attendancePage :where(p,small),.teacherPortalShell .teacherAttendancePage :where(p,small){color:#475467}.teacherPortalShell .attendancePage table th,.teacherPortalShell .teacherAttendancePage table th{color:#344054;font-size:14px}.teacherPortalShell .attendancePage table td,.teacherPortalShell .teacherAttendancePage table td{color:#344054;font-size:15px}.teacherPortalShell .teacherHomeworkPage .teacherHomeworkHero p,.teacherPortalShell .teacherHomeworkPage .teacherHomeworkBody p,.teacherPortalShell .teacherHomeworkPage .teacherHomeworkMeta span,.teacherPortalShell .teacherHomeworkPage .teacherHomeworkToolbar,.teacherPortalShell .teacherHomeworkPage .teacherHomeworkInfo p{color:#475467}.teacherPortalShell .teacherHomeworkPage .teacherHomeworkBody>span,.teacherPortalShell .teacherHomeworkPage .teacherHomeworkTitleRow>div>span{color:#475467;font-size:14px}.teacherPortalShell .teacherTimetablePage :where(p,small),.teacherPortalShell .teacherTimetablePage :where([class*=Teacher],[class*=Room],[class*=Subject],[class*=Period]) span:not([class*=Status]):not([class*=Badge]),.teacherPortalShell .teacherMarksPage :where(p,small),.teacherPortalShell .teacherMarksPage table td,.teacherPortalShell .teacherMarksPage table th{color:#475467}.teacherPortalShell .teacherMarksPage table td strong{color:#1f2937}.teacherPortalShell .teacherMarksPage input,.teacherPortalShell .teacherMarksPage select{font-size:15px}.teacherPortalShell .announcementsPage :where(p,small),.teacherPortalShell .announcementsPage span:not([class*=Badge]):not([class*=badge]):not([class*=Priority]):not([class*=priority]),.teacherPortalShell .calendarPage :where(p,small),.teacherPortalShell .calendarPage span:not([class*=Badge]):not([class*=badge]):not([class*=Type]):not([class*=type]),.teacherPortalShell .teacherProfilePage .teacherProfileIdentity p,.teacherPortalShell .teacherProfilePage .teacherProfilePanelHeader p,.teacherPortalShell .teacherProfilePage .teacherProfileField span,.teacherPortalShell .teacherProfilePage .teacherProfileIdCard span,.teacherPortalShell .teacherProfilePage .teacherProfileIdCard small,.teacherPortalShell .teacherProfilePage .teacherProfileAccess p,.teacherPortalShell .teacherProfilePage .teacherProfileNotice p{color:#475467}.teacherPortalShell .teacherProfilePage .teacherProfileField span{font-size:14px}.teacherPortalShell .teacherProfilePage .teacherProfileField strong{color:#1f2937;font-size:16px;line-height:1.4}@media (width<=760px){.teacherPortalShell .main>:where(.content,.teacherDashboard){font-size:15px}.teacherPortalShell .main>:where(.content,.teacherDashboard) p,.teacherPortalShell .main>:where(.content,.teacherDashboard) span:not([class]),.teacherPortalShell .main>:where(.content,.teacherDashboard) td,.teacherPortalShell .main>:where(.content,.teacherDashboard) input,.teacherPortalShell .main>:where(.content,.teacherDashboard) select,.teacherPortalShell .main>:where(.content,.teacherDashboard) textarea{font-size:14px}.teacherPortalShell .main>:where(.content,.teacherDashboard) th,.teacherPortalShell .main>:where(.content,.teacherDashboard) small{font-size:13.5px}.teacherPortalShell .sidebar nav .navItem span{font-size:14px}.teacherPortalShell .main>:where(.content,.teacherDashboard) :where([class*=Stats],[class*=Summary])>div>strong{font-size:20px}}