@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@200..1000&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@200..1000&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@200..1000&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@200..1000&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@200..1000&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@200..1000&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@200..1000&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@200..1000&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@200..1000&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@200..1000&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@200..1000&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@200..1000&display=swap";*{box-sizing:border-box;margin:0%;padding:0%}.Step1Container{opacity:1;justify-content:center;align-items:center;width:100%;height:auto;min-height:100vh;display:flex}.Step1Wrapper{opacity:1;flex-direction:column;align-items:center;gap:120px;width:95%;height:auto;min-height:120vh;display:flex}.Step1Head{opacity:1;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:75vh;display:flex}.Step1Head .Step1Logo{width:200px;height:54px}.Step1Head .StepCount{width:90%;height:30px;letter-spacing:0%;text-align:right;color:#0062f6;justify-content:flex-end;font-family:Geist;font-size:24px;font-weight:500;line-height:100%;display:flex}.Step1Title{text-align:center;color:#03173c;flex-direction:column;align-items:center;gap:14px;width:1280px;height:133px;font-family:Geist;font-size:38px;font-style:normal;font-weight:600;line-height:normal;display:flex}.Step1Title span{font-family:Geist;font-weight:lighter;font-style:Regular;letter-spacing:2%;text-align:center;color:#03173c;font-size:24px;line-height:36px}.Step1Title .Steps{object-fit:contain;opacity:1;width:901px;height:102px}.step1Content{opacity:1;flex-direction:column;gap:70px;width:1060px;height:692px;display:flex}.cameraIcon{cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 12px #00000026}.uploadInput{display:none}.uploadLogo{opacity:1;gap:60px;width:721px;height:200px;display:flex}.uploadLogo .dpImage{background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative;overflow:hidden}.uploadLogo .SchoolUpload{object-fit:cover;width:100%;height:100%}.uploadLogo .cameragram{object-fit:contain;width:80px;height:80px}.uploadLogo .dpControl{flex-direction:column;gap:35px;width:461px;height:174px;display:flex}.uploadLogo .dpText{opacity:1;width:461px;height:79px;font-family:Geist;font-weight:400;font-style:Medium;letter-spacing:0%;color:#03173c;flex-direction:column;gap:14px;font-size:28px;line-height:100%;display:flex}.uploadLogo .dpText .support{font-family:Geist;font-weight:300;font-style:Regular;letter-spacing:0%;color:#9da4ae;font-size:24px;line-height:100%}.uploadLogo .Step1Btn{opacity:1;gap:44px;width:316px;height:60px;display:flex}.uploadLogo .Step1Btn .uploadBtn{opacity:1;width:173px;height:60px;font-family:Geist;font-weight:106px;font-style:Medium;letter-spacing:2%;text-align:center;vertical-align:middle;color:#fff;cursor:pointer;background:#0062f6;border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:10px;font-size:16px;line-height:24px;display:flex}.uploadLogo .Step1Btn .uploadInput{display:none}.uploadLogo .Step1Btn .removeBtn{opacity:1;color:#0062f6;width:99px;height:60px;font-family:Geist;font-weight:106px;font-style:Medium;letter-spacing:2%;text-align:center;vertical-align:middle;cursor:pointer;background:0 0;border:1px solid #0062f6;border-radius:10px;gap:10px;font-size:16px;line-height:24px}.inputRoles{opacity:1;flex-wrap:wrap;justify-content:space-between;gap:50px;width:1060px;height:440px;display:flex}.schoolName{color:#03173c;flex-direction:column;gap:6px;width:480px;height:106px;font-family:Geist;font-size:18px;font-weight:400;display:flex}.schoolName .hinttext{letter-spacing:0%;color:#9da4ae;font-family:Geist;font-size:16px;font-weight:300;line-height:150%}.schoolName .generalInput{opacity:1;width:100%;height:48px;font-family:Geist;font-weight:400px;font-style:Regular;letter-spacing:0%;vertical-align:middle;color:#9da4ae;background:#f9fafb;border:1px solid #d2d6db;border-radius:8px;outline:none;align-items:center;padding-left:12px;padding-right:12px;font-size:16px;line-height:100%;display:flex}.schoolName .generalInput .ActualgeneralInput{opacity:1;width:450px;height:40px;font-family:Geist;font-weight:400px;font-style:Regular;letter-spacing:0%;vertical-align:middle;border:none;border-radius:8px;outline:none;font-size:16px;line-height:100%}.ContinueBtnHolder{justify-content:end;align-items:start;width:1060px;height:30%;display:flex}.continueBtn{color:#fff;width:174px;height:66px;font-family:Geist;font-weight:400px;letter-spacing:0%;text-align:center;vertical-align:middle;cursor:pointer;background:#0062f6;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:18px;font-style:normal;line-height:100%;display:flex}@media screen and (width<=768px){.Step1Container{box-sizing:border-box;width:100%;height:auto;min-height:100vh;padding:24px 16px 40px}.Step1Wrapper{gap:50px;width:100%;height:auto}.Step1Head{gap:20px;width:100%;height:auto}.Step1Head .Step1Logo{width:140px;height:auto}.Step1Head .StepCount{justify-content:flex-end;width:100%;font-size:18px}.Step1Title{width:100%;height:auto;font-size:20px;line-height:1.2}.Step1Title span{width:100%;font-size:16px;line-height:20px}.Steps{object-fit:contain;width:100%;max-width:360px;height:auto}.step1Content{gap:50px;width:100%;height:auto}.uploadLogo{flex-direction:column;align-items:center;gap:30px;width:100%;height:auto}.uploadLogo .dpImage{border-radius:50%;width:120px;height:120px}.uploadLogo .dpControl{align-items:center;width:100%;height:auto}.uploadLogo .dpText{text-align:center;width:100%;height:auto;font-size:22px}.uploadLogo .dpText .support{font-size:15px;line-height:22px}.uploadLogo .Step1Btn{gap:12px;width:100%;height:auto}.uploadLogo .Step1Btn .uploadBtn,.uploadLogo .Step1Btn .removeBtn{flex:1;width:auto;height:52px}.inputRoles{flex-flow:column;gap:24px;width:100%;height:auto}.schoolName{width:100%;height:auto}.schoolName .hinttext{font-size:14px;line-height:20px}.schoolName .generalInput{box-sizing:border-box;width:100%;height:52px}.ContinueBtnHolder{justify-content:center;width:100%;margin-top:10px}.continueBtn{width:100%;height:56px;font-size:18px}.schoolTypeWrapper{width:90%;height:auto}@media (width<=768px){.schoolTypeDropdown{width:auto;max-height:60vh;position:fixed;top:160px;left:16px;right:16px}}}.schoolTypeWrapper{width:100%;position:relative}.schoolTypeInput{opacity:1;width:100%;height:48px;font-family:Geist;font-weight:400px;font-style:Regular;letter-spacing:0%;vertical-align:middle;color:#042869;border:1px solid #9da4ae;border-radius:8px;outline:none;justify-content:space-between;align-items:center;padding-left:12px;padding-right:12px;font-size:16px;line-height:100%;display:flex}.schoolTypeDropdown{box-sizing:border-box;z-index:999;background:#fff;border:1px solid #9da4ae;border-radius:8px;flex-direction:column;gap:12px;width:100%;max-height:220px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 10px 30px #00000014}.schoolTypeDropdown label{color:#042869;cursor:pointer;align-items:center;gap:10px;height:30px;font-size:16px;display:flex}.schoolTypeDropdown label:hover{background:#e6f4ff}.cameraIcon{cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 4px 10px #00000026}.dpImage{position:relative;overflow:hidden}.Step2Container{opacity:1;justify-content:center;align-items:center;width:100%;height:auto;display:flex}.Step2Wrapper{opacity:1;flex-direction:column;align-items:center;gap:120px;width:95%;height:auto;min-height:120vh;display:flex}.Step2Head{opacity:1;flex-direction:column;justify-content:end;align-items:center;gap:30px;width:100%;height:70vh;display:flex}.Step2Head .Step2Logo{width:200px;height:54px}.Step2Head .Step2Count{width:90%;height:30px;letter-spacing:0%;text-align:right;color:#0062f6;justify-content:space-between;font-family:Geist;font-size:24px;font-weight:500;line-height:100%;display:flex}.Step2Head .Step2Count nav{width:117px;height:46px;font-family:Geist;font-weight:500;font-style:Medium;letter-spacing:0%;color:#042869;align-items:center;gap:10px;font-size:24px;line-height:100%;display:flex}.Step2Title{text-align:center;color:#03173c;flex-direction:column;align-items:center;gap:14px;width:1280px;height:133px;font-family:Geist;font-size:38px;font-style:normal;font-weight:600;line-height:normal;display:flex}.Step2Title span{font-family:Geist;font-weight:lighter;font-style:Regular;letter-spacing:2%;text-align:center;color:#03173c;font-size:24px;line-height:36px}.Step2Title .StepsNo2{object-fit:contain;opacity:1;width:901px;height:102px}.Content{opacity:1;flex-direction:column;gap:70px;width:1060px;height:auto;display:flex}.SchoolType{opacity:1;flex-direction:column;gap:30px;width:1060px;height:156px;display:flex}.selectedSections{width:584px;height:74px;font-family:Geist;font-weight:500;font-style:Medium;letter-spacing:0%;color:#03173c;flex-direction:column;gap:14px;font-size:24px;line-height:100%;display:flex}.selectedSections span{font-family:Geist;font-weight:300;font-style:Regular;letter-spacing:0%;color:#9da4ae;font-size:24px;line-height:100%}.checkBoxContainer{opacity:1;gap:80px;width:616px;height:52px;display:flex}.checkBox1{opacity:1;width:145px;height:52px;font-family:Geist;font-weight:84px;font-style:Regular;letter-spacing:0%;color:#042869;background:0 0;border:1px solid #d2d6db;border-radius:8px;justify-content:center;align-items:center;gap:10px;font-size:18px;line-height:100%;display:flex}.checkBox{opacity:1;width:145px;height:52px;font-family:Geist;font-weight:84px;font-style:Regular;letter-spacing:0%;color:#042869;background:#f1f7ff;border:1px solid #0062f6;border-radius:8px;justify-content:center;align-items:center;gap:10px;font-size:18px;line-height:100%;display:flex}.primarySectionHolder{opacity:1;flex-direction:column;gap:40px;width:1060px;height:auto;display:flex}.primarySection{background:#fff;border:1px solid #d2d6db;border-radius:14px;flex-direction:column;gap:17px;width:1060px;height:auto;min-height:367px;padding-bottom:14px;display:flex}.PrimaryHeading{width:100%;height:74px;font-family:Geist;font-weight:500;font-style:Medium;letter-spacing:0%;color:#03173c;background:#f9fafb;border-radius:14px 14px 0 0;align-items:center;gap:10px;padding-left:17px;font-size:24px;line-height:100%;display:flex}.classesArms{flex-direction:column;align-items:center;gap:24px;width:1060px;height:258px;display:flex}.classes{width:1026px;height:45%;font-family:Geist;font-weight:84px;font-style:Regular;letter-spacing:0%;color:#03173c;flex-direction:column;justify-content:center;gap:24px;font-size:22px;line-height:100%;display:flex}.ClassesOption{width:1026px;height:53px;font-family:Geist;font-weight:84px;font-style:Regular;letter-spacing:0%;vertical-align:middle;color:#042869;justify-content:space-between;align-items:center;gap:6px;font-size:20px;line-height:100%;display:flex}.fromholder{border:1px solid #d2d6db;border-radius:8px;align-items:center;width:auto;height:53px;padding-left:12px;padding-right:12px;display:flex}.from{width:480px;height:48px;font-family:Geist;font-weight:84px;font-style:Regular;letter-spacing:0%;vertical-align:middle;color:#042869;border:none;border-radius:8px;outline:none;align-items:center;font-size:20px;line-height:100%;display:flex}.To{width:430px;height:48px;font-family:Geist;font-weight:84px;font-style:Regular;letter-spacing:0%;vertical-align:middle;color:#042869;border:none;border-radius:8px;outline:none;align-items:center;font-size:20px;line-height:100%;display:flex}.Arms{width:1026px;height:45%;font-family:Geist;font-weight:84px;font-style:Regular;letter-spacing:0%;color:#03173c;flex-direction:column;justify-content:center;gap:24px;font-size:22px;line-height:100%;display:flex}.Arms span{font-family:Geist;font-weight:300;font-style:Regular;letter-spacing:0%;color:#9da4ae;font-size:22px;line-height:100%}.ArmsOption{width:1026px;height:53px;font-family:Geist;font-weight:84px;font-style:Regular;letter-spacing:0%;vertical-align:middle;color:#042869;align-items:center;gap:25px;font-size:20px;line-height:100%;display:flex}.ArmsTo{width:303px;height:48px;font-family:Geist;font-weight:84px;font-style:Regular;letter-spacing:0%;vertical-align:middle;color:#042869;border:none;border-radius:8px;outline:none;align-items:center;gap:10px;font-size:20px;line-height:100%;display:flex}.Note{width:1060px;height:87px;font-family:Geist;font-weight:84px;font-style:Regular;letter-spacing:0%;color:#042869;background:#e6f4ff;border:1px solid #0095ff;border-radius:14px;align-items:center;gap:10px;padding-left:24px;font-size:22px;line-height:100%;display:flex}.SkipContinueBtns{justify-content:end;gap:30px;width:100%;height:100px;display:flex}.SkipBtn2{opacity:1;color:#0062f6;width:135px;height:66px;font-family:Geist;font-weight:500;font-style:Medium;letter-spacing:0%;text-align:center;vertical-align:middle;background:0 0;border:1px solid #0062f6;border-radius:10px;justify-content:center;align-items:center;font-size:18px;line-height:100%;display:flex}.continueBtn2{color:#fff;width:174px;height:66px;font-family:Geist;font-weight:500;font-style:Medium;letter-spacing:0%;text-align:center;vertical-align:middle;background:#0062f6;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:18px;line-height:100%;display:flex}@media screen and (width<=768px){*{box-sizing:border-box}.Step2Container{width:100%;min-height:100vh;padding:20px 16px 40px}.Step2Wrapper{gap:50px;width:100%;min-height:auto}.Step2Head{gap:20px;width:100%;height:auto;padding-top:20px}.Step2Head .Step2Logo{width:140px;height:auto}.Step2Head .Step2Count{align-items:center;width:100%;font-size:16px}.Step2Head .Step2Count nav{width:auto;height:auto;font-size:16px}.Step2Title{width:100%;height:auto;padding:0 8px;font-size:24px;line-height:1.3}.Step2Title span{width:100%;font-size:15px;line-height:24px}.StepsNo2{object-fit:contain;width:100%;max-width:320px;height:auto}.Content{gap:32px;width:100%}.SchoolType{gap:20px;width:100%;height:auto}.selectedSections{width:100%;height:auto;font-size:18px}.selectedSections span{font-size:14px;line-height:22px}.checkBoxContainer{flex-wrap:wrap;gap:10px;width:100%;height:auto;display:flex}.checkBox,.checkBox1{flex:100px;width:auto;min-width:100px;height:48px;font-size:14px}.primarySectionHolder{gap:24px;width:100%}.primarySection{width:100%;min-height:auto}.PrimaryHeading{width:100%;height:56px;padding-left:16px;font-size:18px}.classesArms{align-items:stretch;gap:24px;width:100%;height:auto;padding:16px}.classes,.Arms{gap:12px;width:100%;height:auto;font-size:16px}.classes span,.Arms span{font-size:14px}.ClassesOption,.ArmsOption{flex-direction:column;align-items:stretch;gap:12px;width:100%;height:auto;font-size:15px;display:flex}.fromholder{width:100%;height:52px;padding:0 12px}.from,.To,.ArmsTo{width:100%;height:48px;font-size:15px}.Note{align-items:flex-start;gap:12px;width:100%;height:auto;min-height:80px;padding:16px;font-size:14px;line-height:22px}.Note img{flex-shrink:0;width:20px;height:20px;margin-top:2px}.SkipContinueBtns{flex-direction:column-reverse;gap:12px;width:100%;height:auto;display:flex}.SkipBtn2,.continueBtn,.continueBtn2{width:100%;height:56px}.Content *,.primarySection *,.classesArms *{max-width:100%}body{overflow-x:hidden}}.Step3Container{opacity:1;justify-content:center;align-items:center;width:100%;height:auto;min-height:100vh;display:flex}.Step3Wrapper{opacity:1;flex-direction:column;align-items:center;gap:80px;width:95%;height:auto;display:flex}.Step3Head{opacity:1;flex-direction:column;justify-content:end;align-items:center;gap:30px;width:100%;height:70vh;display:flex}.Step3Head .Step2Logo{width:200px;height:54px}.Step3Head .Step3Count{width:90%;height:30px;letter-spacing:0%;text-align:right;color:#0062f6;justify-content:space-between;font-family:Geist;font-size:24px;font-weight:500;line-height:100%;display:flex}.Step3Head .Step3Count nav{width:117px;height:46px;font-family:Geist;font-weight:106px;font-style:Medium;letter-spacing:0%;color:#042869;align-items:center;gap:10px;font-size:24px;line-height:100%;display:flex}.Step3Title{text-align:center;color:#03173c;flex-direction:column;align-items:center;gap:14px;width:1280px;height:133px;font-family:Geist;font-size:38px;font-style:normal;font-weight:600;line-height:normal;display:flex}.Step3Title span{font-family:Geist;font-weight:lighter;font-style:Regular;letter-spacing:2%;text-align:center;color:#03173c;font-size:24px;line-height:36px}.Step3Title .StepsNo3{object-fit:contain;opacity:1;width:901px;height:102px}.AddFeeContent{opacity:1;border:1px solid #d2d6db;border-radius:10px;flex-direction:column;width:1060px;height:auto;min-height:300px;padding-bottom:10px;display:flex}.AddFeeContent nav{width:1060px;height:78px;font-family:Geist;font-weight:106px;font-style:Medium;letter-spacing:0%;color:#042869;align-items:center;padding-left:17px;font-size:24px;line-height:100%;display:flex}.HeadingsHolder{background:#f9fafb;justify-content:space-between;align-items:center;width:100%;height:67px;display:flex}.HeadingsHolder ul{width:25%;height:27px;font-family:Geist;font-weight:106px;font-style:Medium;letter-spacing:0%;color:#042869;justify-content:start;align-items:center;padding-left:17px;font-size:22px;line-height:100%;display:flex}.AddfeePreview{justify-content:space-between;align-items:center;width:100%;height:67px;display:flex}.AddfeePreview ul{width:25%;height:27px;font-family:Geist;font-weight:84px;font-style:Regular;letter-spacing:0%;color:#042869;justify-content:start;align-items:center;padding-left:17px;font-size:22px;line-height:100%;display:flex}.AddedFeeAction{justify-content:center;align-items:center;gap:10px;width:5%;height:100%;display:flex}.ButtonContainer{justify-content:center;align-items:end;width:1060px;height:90px;display:flex}.AnotherFee{border-spacing:10px;width:913px;height:67px;font-family:Geist;font-weight:84px;font-style:Regular;color:#042869;cursor:pointer;background:0 0;border:2px dashed #042869;border-radius:10px;gap:10px;font-size:22px;line-height:100%}.SkipContinueBtns3{justify-content:end;gap:30px;width:1060px;height:90px;display:flex}.SkipBtn3{opacity:1;color:#0062f6;width:135px;height:66px;font-family:Geist;font-weight:500;font-style:Medium;letter-spacing:0%;text-align:center;vertical-align:middle;background:0 0;border:1px solid #0062f6;border-radius:10px;justify-content:center;align-items:center;font-size:18px;line-height:100%;display:flex}.continueBtn3{color:#fff;width:174px;height:66px;font-family:Geist;font-weight:500;font-style:Medium;letter-spacing:0%;text-align:center;vertical-align:middle;background:#0062f6;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:18px;line-height:100%;display:flex}@media screen and (width<=768px){.Step3Container{box-sizing:border-box;width:100%;height:auto;min-height:100vh;padding:24px 16px 40px}.Step3Wrapper{gap:50px;width:100%;min-height:auto}.Step3Head{gap:24px;width:100%;height:auto}.Step3Logo{width:140px;height:auto}.Step3Count{width:100%!important;font-size:18px!important}.Step3Count nav{width:auto!important;height:auto!important;font-size:18px!important}.Step3Title{width:100%;height:auto;font-size:28px;line-height:1.2}.Step3Title span{width:100%;font-size:12px;line-height:24px}.StepsNo3{object-fit:contain;width:100%;max-width:360px;height:auto}.AddFeeContent{width:100%;min-height:auto;overflow-x:auto}.AddFeeContent nav{width:100%;height:60px;font-size:18px}.HeadingsHolder,.AddfeePreview{box-sizing:border-box;width:100%;padding-right:20px}.HeadingsHolder ul{white-space:nowrap;font-size:16px}.AddfeePreview ul{white-space:nowrap;font-size:15px}.ButtonContainer{box-sizing:border-box;width:100%;padding:16px}.AnotherFee{width:100%;height:54px;font-size:16px}.SkipContinueBtns3{flex-direction:column-reverse;gap:14px;width:100%;height:auto}.continueBtn3,.SkipBtn3{width:100%;height:56px}}.AddFeeModalOverlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;background:#0000008c;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.AddFeeModal{background:#fff;border-radius:24px;flex-direction:column;gap:24px;width:730px;max-width:95%;max-height:95vh;padding:40px;animation:.25s popIn;display:flex;position:relative;overflow-y:hidden;box-shadow:0 20px 60px #0003}.AddFeeModalWrapper{flex-direction:column;gap:24px;width:100%;display:flex}.CloseBtn{color:#042869;cursor:pointer;background:0 0;border:none;font-size:32px;position:absolute;top:24px;right:24px}.ModalTitle{color:#03173c;font-family:Geist;font-size:24px;font-weight:600}.FeeInputs{gap:24px;width:100%;display:flex}.FeeInputHolder{flex-direction:column;flex:1;gap:6px;display:flex}.FeeInputHolder label{color:#03173c;font-family:Geist;font-size:18px;font-weight:400}.FeeInput{color:#03173c;border:1px solid #d2d6db;border-radius:8px;outline:none;width:100%;height:48px;padding:0 12px;font-family:Geist;font-size:16px}.FeeInput:focus{border-color:#0062f6}.PaymentSection{flex-direction:column;gap:16px;width:100%;display:flex}.PaymentSection h3{color:#03173c;font-family:Geist;font-size:20px;font-weight:500}.PaymentOptions{gap:24px;width:100%;display:flex}.PaymentCard{cursor:pointer;border:1px solid #0062f6;border-radius:10px;flex-direction:column;flex:1;gap:2px;width:100%;height:65px;padding:12px;display:flex}.PaymentCardActive{background:#0062f614;border-width:2px}.PaymentTop{color:#03173c;align-items:center;gap:8px;font-family:Geist;font-size:18px;display:flex}.PaymentTop span{color:#03173c;font-family:Geist;font-size:18px}.PaymentCard p{color:#03173c;margin:0;padding-left:28px;font-family:Geist;font-size:14px}.CheckIcon{color:#d2d6db;font-size:20px}.CheckIconActive{color:#0062f6}.InstallmentSection{flex-direction:column;gap:16px;width:100%;display:flex}.InstallmentTitle{color:#03173c;flex-direction:column;gap:6px;font-family:Geist;font-size:20px;font-weight:500;display:flex}.InstallmentTextspan{color:#9da4ae;font-family:Geist;font-size:16px;font-weight:300}.InstallmentInputs{font-family:Geist;font-weight:500;font-style:Regular;leading-trim:NONE;letter-spacing:0%;gap:24px;font-size:20px;line-height:100%;display:flex}.FeeInputHolder4{color:#03173c;flex-direction:column;flex:1;gap:6px;font-family:Geist;font-size:18px;font-weight:400;display:flex}.FeeInputHolder4 input{color:#9da4ae;background:#f3f4f6;border:1px solid #d2d6db;outline:none}.SelectHolder{position:relative}.SelectHolder select{appearance:none;color:#042869;border:1px solid #d2d6db;border-radius:8px;outline:none;width:100%;height:48px;padding-left:12px}.SelectHolder svg{color:#042869;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.PopupButtonHolder{width:100%;margin-top:8px;display:flex}.SaveFeeBtn{color:#fff;cursor:pointer;background:#0062f6;border:none;border-radius:10px;width:140px;height:56px;font-size:18px;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.95)translateY(-12px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=768px){.AddFeeModal{border-radius:16px;width:95%;padding:24px;overflow-y:auto}.FeeInputs,.PaymentOptions,.InstallmentInputs{flex-direction:column;gap:16px}.FeeInputHolder,.PaymentCard,.FeeInput{width:100%}.ModalTitle{font-size:22px}.PaymentSection h3,.InstallmentTitle{font-size:20px}.SaveFeeBtn{width:100%}.PopupButtonHolder{justify-content:stretch}}.setUpComplete{flex-direction:column;justify-content:center;align-items:center;gap:60px;width:100%;height:auto;display:flex}.setUpCompleteHolder{flex-direction:column;align-items:center;gap:70px;width:100%;height:auto;display:flex}.setUpImgHolder{justify-content:center;align-items:center;width:200px;height:20vh;display:flex}.StepImgHolder{width:901px;height:102px}.setUpMarkHolder{flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;height:80vh;display:flex}.setUpText1{width:100%;font-family:Geist;font-weight:146px;font-style:Bold;letter-spacing:0%;text-align:center;color:#03173c;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:38px;line-height:100%;display:flex}.setUpText1 span{font-family:Geist;font-weight:84px;font-style:Regular;letter-spacing:2%;color:#03173c;font-size:24px;line-height:36px}.goToDashBoard{width:240px;height:66px;font-family:Geist;font-weight:500;font-style:Medium;letter-spacing:0%;text-align:center;vertical-align:middle;color:#fff;cursor:pointer;background:#0062f6;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:18px;line-height:100%;display:flex}@media screen and (width<=768px){.setUpComplete{box-sizing:border-box;gap:50px;width:100%;height:auto;min-height:100vh;padding:24px 16px 40px}.setUpCompleteHolder{gap:50px;width:100%;height:auto}.setUpImgHolder{width:140px;height:auto}.setUpImgHolder img{object-fit:contain;width:100%;height:auto}.StepImgHolder{width:100%;max-width:360px;height:auto}.StepImgHolder img{object-fit:contain;width:100%;height:auto}.setUpMarkHolder{gap:24px;width:100%;height:auto}.MarkImage{object-fit:contain;width:180px;height:auto}.setUpText1{box-sizing:border-box;color:#042869;width:100%;padding:0 10px;font-size:32px;line-height:1.2}.setUpText1 span{color:#042869;width:100%;font-size:16px;line-height:24px}.goToDashBoard{width:100%;height:56px;font-size:18px}}.hero-container{box-sizing:border-box;background-color:#f6f9fc;border-bottom-right-radius:100px;border-bottom-left-radius:100px;justify-content:space-evenly;align-items:center;gap:4rem;height:100vh;font-family:system-ui,-apple-system,sans-serif;display:flex}@media (width<=450px){.hero-container{border-bottom-right-radius:40px;border-bottom-left-radius:40px;flex-direction:column;gap:2.5rem;height:auto;padding:2rem 1.5rem;display:flex}}.hero-container .hero-content{flex-direction:column;align-items:flex-start;width:45%;height:80vh;padding-left:1.5%;display:flex}@media (width<=450px){.hero-container .hero-content{width:100%;height:auto;padding-left:0}}.hero-container .hero-content .badge{background-color:#fff;border:1px solid #0062f6;border-radius:20px;justify-content:center;align-items:center;width:23%;margin-bottom:1.5rem;padding:6px 16px;display:flex;box-shadow:0 2px 4px #00000005}@media (width<=450px){.hero-container .hero-content .badge{align-self:flex-start;width:auto}}.hero-container .hero-content .badge span{color:#64748b;font-size:11px;font-weight:500}.hero-container .hero-content .title{color:#03173c;margin:0 0 1.5rem;font-size:44px;font-weight:800;line-height:1.2}@media (width<=450px){.hero-container .hero-content .title{font-size:2rem}}.hero-container .hero-content .title .highlight{color:#1d4ed8}.hero-container .hero-content .description{color:#042869;margin-bottom:2rem;font-size:24px;line-height:1.6}@media (width<=450px){.hero-container .hero-content .description{font-size:18px}}.hero-container .hero-content .cta-button{color:#fff;cursor:pointer;background-color:#1d4ed8;border:none;border-radius:8px;padding:14px 32px;font-size:1rem;transition:transform .2s,background-color .2s;box-shadow:0 4px 14px #1d4ed866}@media (width<=450px){.hero-container .hero-content .cta-button{text-align:center;width:37%;font-size:12px}}.hero-container .hero-content .cta-button:hover{background-color:#1e40af;transform:translateY(-1px)}.hero-container .hero-content .social-proof{align-items:center;gap:2rem;width:80%;margin-top:3.5rem;display:flex}@media (width<=450px){.hero-container .hero-content .social-proof{align-items:center;gap:1.5rem;width:100%;margin-top:2.5rem}}.hero-container .hero-content .social-proof .client-meta{align-items:center;gap:.75rem;width:60%;display:flex}@media (width<=450px){.hero-container .hero-content .social-proof .client-meta{width:50%}}.hero-container .hero-content .social-proof .client-meta .avatar-group{align-items:center;width:45%;height:75px;display:flex}@media (width<=450px){.hero-container .hero-content .social-proof .client-meta .avatar-group{width:50%;height:auto}}.hero-container .hero-content .social-proof .client-meta .avatar-group .avatar{object-fit:cover;background-color:#cbd5e1;border:2px solid #fff;border-radius:50%;width:35%;height:38px;margin-right:-10px}.hero-container .hero-content .social-proof .client-meta .avatar-group .avatar:last-child{margin-right:0}@media (width<=450px){.hero-container .hero-content .social-proof .client-meta .avatar-group .avatar{width:35px;height:30px}}.hero-container .hero-content .social-proof .client-meta .client-text{flex-direction:column;width:40%;display:flex}@media (width<=450px){.hero-container .hero-content .social-proof .client-meta .client-text{width:auto}}.hero-container .hero-content .social-proof .client-meta .client-text .count{color:#042869;font-size:20px;font-weight:500}@media (width<=450px){.hero-container .hero-content .social-proof .client-meta .client-text .count{font-size:15px}}.hero-container .hero-content .social-proof .client-meta .client-text .label{color:#042869;padding:0%;font-size:14px}@media (width<=450px){.hero-container .hero-content .social-proof .client-meta .client-text .label{font-size:10px}}.hero-container .hero-content .social-proof .rating-divider{background-color:gray;width:1px;height:35px;margin-left:-15%;margin-right:-3%}@media (width<=450px){.hero-container .hero-content .social-proof .rating-divider{margin-left:-4%}}.hero-container .hero-content .social-proof .rating-meta{flex-direction:column;align-items:flex-start;width:35%;height:50px;display:flex}@media (width<=450px){.hero-container .hero-content .social-proof .rating-meta{width:50%;height:auto}}.hero-container .hero-content .social-proof .rating-meta .stars{align-items:center;gap:5px;width:100%;display:flex}@media (width<=450px){.hero-container .hero-content .social-proof .rating-meta .stars{width:auto}}.hero-container .hero-content .social-proof .rating-meta .score{color:#042869;font-size:22px}.hero-container .hero-content .social-proof .rating-meta .rating-text .reviews{color:#042869;font-size:16px}.hero-container .grid-container{width:38%;height:80vh}@media (width<=450px){.hero-container .grid-container{width:100%;height:auto}}.hero-container .grid-container .Home4Pics{width:100%;margin-top:-7%;margin-left:-3%}.stats-container{justify-content:space-around;align-items:center;gap:2rem;width:100%;height:40vh;margin:0 auto;padding:2rem 1rem;font-family:system-ui,-apple-system,sans-serif;display:flex}@media (width<=450px){.stats-container{width:100%;height:70px;margin-bottom:50px}}.stats-container .stat-card{text-align:center;flex:1;height:20vh}@media (width<=450px){.stats-container .stat-card{width:0%;height:70px}}.stats-container .stat-card .stat-value{color:#002b70;margin:0 0 .5rem;font-size:250%;font-weight:700}@media (width<=450px){.stats-container .stat-card .stat-value{font-size:20px}}.stats-container .stat-card .stat-label{color:#002b70;margin:0;font-size:150%;font-weight:400}@media (width<=450px){.stats-container .stat-card .stat-label{width:100%;font-size:12px}}.Header{z-index:100;background-color:#fff;border-bottom:2px solid #faa200;justify-content:space-between;align-items:center;width:100%;height:10vh;display:flex;position:sticky;top:0}@media (width<=450px){.Header{justify-content:space-between;height:10vh;padding:0 1rem}}.Header .HeaderCont1{justify-content:center;align-items:center;width:25%;height:10vh;display:flex}@media (width<=450px){.Header .HeaderCont1{justify-content:flex-start;width:auto}}.Header .HeaderCont1 .HeaderCont1Logo{object-fit:contain;width:180.38px;height:49px}@media (width<=450px){.Header .HeaderCont1 .HeaderCont1Logo{width:140px;height:auto}}.Header .HeaderCont2{justify-content:center;align-items:center;gap:28px;width:50%;height:10vh;list-style:none;display:flex}@media (width<=450px){.Header .HeaderCont2{display:none}.Header .HeaderCont2.active{background-color:#fff;border-bottom:2px solid #faa200;flex-direction:column;gap:1.5rem;width:100%;height:auto;display:flex;position:absolute;top:10vh;left:0;box-shadow:0 4px 6px #0000000d}}.Header .HeaderCont2 .HeaderCont2Li{color:#03173c;cursor:pointer;font-size:18px;transition:all .2s ease-in-out}@media (width<=450px){.Header .HeaderCont2 .HeaderCont2Li{width:100%;font-size:18px}}.Header .HeaderCont2 .HeaderCont2Li.active-link{border-bottom:2px solid #00f;color:#00f!important}@media (width<=450px){.Header .HeaderCont2 .HeaderCont2Li.active-link{background-color:#f0f4ff;border-bottom:none}}.Header .HeaderCont3{justify-content:center;align-items:center;gap:10px;width:25%;height:10vh;display:flex}@media (width<=450px){.Header .HeaderCont3{gap:15px;width:auto}}@media (width<=450px){.Header .HeaderCont3 button:not(.MobileMenuIconDiv button){display:none}}.Header .HeaderCont3 .MobileMenuIconDiv{display:none}@media (width<=450px){.Header .HeaderCont3 .MobileMenuIconDiv{justify-content:center;align-items:center;display:flex}}.Header .HeaderCont3 .MobileMenuIconDiv button{cursor:pointer;color:#03173c;background:0 0;border:none;align-items:center;font-size:28px;display:flex}.btn-login{color:#0062f6;cursor:pointer;background-color:#0000;border:1px solid #0062f6;border-radius:10px;width:23%;height:54px}.btn-login:hover{background-color:#f5f3ff}@media (width<=450px){.btn-login{display:none}}.btn-get-started{color:#fff;cursor:pointer;background-color:#0062f6;border:1px solid #0000;border-radius:10px;width:35%;height:54px}.btn-get-started:hover{background-color:#4338ca}@media (width<=450px){.btn-get-started{display:none}}.AAmyfooter{color:#fff;box-sizing:border-box;background-color:#03143c;width:100%;height:60vh;padding:64px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media (width<=450px){.AAmyfooter{padding:40px 16px 24px}}.AAmyfooter .AAfooter-container{background:0 0;grid-template-columns:1.2fr 2fr 1fr;gap:48px;max-width:1350px;margin:0 auto;padding-bottom:48px;display:grid}@media (width<=450px){.AAmyfooter .AAfooter-container{grid-template-columns:1fr;gap:32px;padding-bottom:32px}}.AAmyfooter .AAfooter-brand .AAlogo-container{align-items:center;gap:8px;margin-bottom:20px;display:flex}.AAmyfooter .AAfooter-brand .AAbrand-description{color:#fff;max-width:280px;margin-bottom:24px;font-size:15px;line-height:1.6}@media (width<=450px){.AAmyfooter .AAfooter-brand .AAbrand-description{color:#e2e8f0;max-width:100%;margin-bottom:24px;font-size:15px}}.AAmyfooter .AAfooter-brand .AAsocial-links{gap:12px;display:flex}.AAmyfooter .AAfooter-brand .AAsocial-links .AAsocial-links-cont{color:#fff;border:1px solid #fff9;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:14px;text-decoration:none;transition:border-color .2s,background-color .2s;display:flex}.AAmyfooter .AAfooter-brand .AAsocial-links .AAsocial-links-cont:hover{background-color:#0066ff1a;border-color:#06f}.AAmyfooter .AAfooter-brand .AAsocial-links .AAsocial-links-cont .AAsocial-icons{width:16px;height:16px}.AAmyfooter .AAfooter-links-group{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=450px){.AAmyfooter .AAfooter-links-group{grid-template-columns:1fr;gap:0}}@media (width<=450px){.AAmyfooter .AAfooter-column{border-top:1px solid #ffffff1a;flex-direction:column;width:100%;padding:20px 0;display:flex}}.AAmyfooter .AAfooter-column ul{margin:0;padding:0;list-style:none}@media (width<=450px){.AAmyfooter .AAfooter-column ul{padding-top:12px;display:none}.AAmyfooter .AAfooter-column ul.is-active{display:block}}.AAmyfooter .AAfooter-column ul li{margin-bottom:12px}.AAmyfooter .AAfooter-column ul li a{color:#94a3b8;font-size:14px;text-decoration:none;transition:color .2s}.AAmyfooter .AAfooter-column ul li a:hover{color:#fff}.AAmyfooter .AAcolumn-title{color:#fff;margin-top:0;margin-bottom:20px;font-size:14px;font-weight:600}@media (width<=450px){.AAmyfooter .AAcolumn-title{cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:0;padding-right:4px;font-size:15px;font-weight:700;display:flex}.AAmyfooter .AAcolumn-title:after{content:"";border-bottom:2px solid #fff;border-right:2px solid #fff;width:8px;height:8px;transition:transform .2s;display:inline-block;transform:rotate(-135deg)}.AAmyfooter .AAcolumn-title.is-closed:after{transform:rotate(45deg)}}.AAmyfooter .AAcolumn-title-texts{width:10%}@media (width<=450px){.AAmyfooter .AAcolumn-title-texts{display:none}}@media (width<=450px){.AAmyfooter .AAfooter-subscribe{border-top:1px solid #ffffff1a;padding-top:24px}}.AAmyfooter .AAfooter-subscribe .subscribe-heading{color:#fff;margin-bottom:12px;font-size:16px;font-weight:700}.AAmyfooter .AAfooter-subscribe .AAsubscribe-text{color:#e2e8f0;margin-bottom:16px;font-size:15px;line-height:1.5}@media (width<=450px){.AAmyfooter .AAfooter-subscribe .AAsubscribe-text{margin-bottom:16px;font-size:14px}}.AAmyfooter .AAfooter-subscribe .AAsubscribe-form{flex-direction:column;gap:12px;display:flex}.AAmyfooter .AAfooter-subscribe .AAsubscribe-form .AAsubscribe-input{color:#000;box-sizing:border-box;background-color:#fff;border:1px solid #fff3;border-radius:8px;width:100%;padding:14px 16px;font-size:15px}.AAmyfooter .AAfooter-subscribe .AAsubscribe-form .AAsubscribe-input::placeholder{color:#94a3b8}.AAmyfooter .AAfooter-subscribe .AAsubscribe-form .AAsubscribe-input:focus{border-color:#06f;outline:none}.AAmyfooter .AAfooter-subscribe .AAsubscribe-form .AAsubscribe-button{color:#fff;cursor:pointer;background-color:#06f;border:none;border-radius:8px;width:fit-content;min-width:100px;padding:14px;font-size:15px;font-weight:600;transition:background-color .2s}.AAmyfooter .AAfooter-subscribe .AAsubscribe-form .AAsubscribe-button:hover{background-color:#0052cc}@media (width<=450px){.AAmyfooter .AAfooter-subscribe .AAsubscribe-form .AAsubscribe-button{width:100%}}.AAmyfooter .AAfooter-bottom{color:#94a3b8;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:flex-start;max-width:1350px;margin:0 auto;padding-top:15px;font-size:14px;display:flex}@media (width<=450px){.AAmyfooter .AAfooter-bottom{text-align:left;flex-direction:column-reverse;align-items:flex-start;gap:16px;padding-top:20px}}@media (width<=450px){.AAmyfooter .AAfooter-bottom .AAcopyright{color:#64748b;font-size:13px}}.AAmyfooter .AAfooter-bottom .AAstatus-location{align-items:center;gap:8px;display:flex}@media (width<=450px){.AAmyfooter .AAfooter-bottom .AAstatus-location{flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;width:100%}}.AAmyfooter .AAfooter-bottom .AAstatus-location .AAstatus-indicator{color:#94a3b8;align-items:center;gap:6px;font-size:13px;display:flex}.AAmyfooter .AAfooter-bottom .AAstatus-location .AAstatus-indicator .AAdot{background-color:#10b981;border-radius:50%;width:6px;height:6px}.AAmyfooter .AAfooter-bottom .AAstatus-location .AAdivider{color:#334155;font-size:12px}@media (width<=450px){.AAmyfooter .AAfooter-bottom .AAstatus-location .AAdivider{display:inline}}.AAmyfooter .AAfooter-bottom .AAstatus-location .AAlocation{color:#94a3b8;align-items:center;gap:4px;font-size:13px;display:flex}.AAmyfooter .AAfooter-bottom .AAstatus-location .AAlocation .AANG{vertical-align:middle;width:16px;height:auto}.carousel-container{align-items:center;gap:30px;width:100%;height:15vh;margin-top:-3%;padding-left:5%;font-family:system-ui,-apple-system,sans-serif;display:flex}@media (width<=450px){.carousel-container{width:100%;height:50px;flex-direction:row!important;align-items:center!important}}.carousel-container .carousel-label{color:#0f2d59;white-space:nowrap;font-size:28px;font-weight:600}@media (width<=450px){.carousel-container .carousel-label{font-size:15px}}.carousel-container .carousel-slider{align-items:center;width:80%;height:80px;display:flex;position:relative;overflow:hidden}@media (width<=450px){.carousel-container .carousel-slider{width:100%;height:50px}}.carousel-container .carousel-slider:before,.carousel-container .carousel-slider:after{content:"";z-index:2;pointer-events:none;width:50px;height:100%;position:absolute}.carousel-container .carousel-slider:before{left:0}.carousel-container .carousel-slider:after{right:0}.carousel-container .carousel-slider .carousel-track{align-items:center;gap:5%;width:max-content;height:80px;animation:5s linear infinite scroll;display:flex}.carousel-container .carousel-slider .carousel-track:hover{animation-play-state:paused}.carousel-container .carousel-slider .carousel-slide{flex-shrink:0;justify-content:center;align-items:center;display:flex}.carousel-container .carousel-slider .carousel-slide img{object-fit:contain;mix-blend-mode:multiply;width:80%;height:100px}@media (width<=450px){.carousel-container .carousel-slider .carousel-slide img{height:50px}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.preview-container{text-align:center;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}@media (width<=450px){.preview-container{margin-top:-50px;margin-bottom:-50px}}.preview-container .preview-tag{color:#94a3b8;letter-spacing:.5px;margin-bottom:16px;font-size:18px}.preview-container .preview-title{color:#032b69;margin:0 0 20px;font-size:35px;font-weight:700;line-height:1.2}@media (width<=450px){.preview-container .preview-title{font-size:19px}}.preview-container .preview-description{color:#1e3a6a;width:50%;margin:0;font-size:27px;font-weight:400;line-height:1.6}@media (width<=450px){.preview-container .preview-description{width:100%;font-size:17px}}.AdminSection{background-color:#f0f8ff;justify-content:center;align-items:flex-start;width:100%;height:150vh;display:flex}@media (width<=450px){.AdminSection{margin-bottom:-850px}}.AdminSection .AdminDashboard{border-radius:20px;width:92%}.how-it-works-container{text-align:center;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.how-it-works-container .section-tag{color:#94a3b8;text-transform:capitalize;letter-spacing:.3px;margin-bottom:16px;font-size:15px;font-weight:500}@media (width<=450px){.how-it-works-container .section-tag{font-size:15px}}.how-it-works-container .section-title{color:#002b66;margin:0 0 20px;font-size:30px;font-weight:700;line-height:1.25}@media (width<=450px){.how-it-works-container .section-title{font-size:19px}}.how-it-works-container .section-description{color:#0b3a75;width:50%;margin:0;font-size:25px;font-weight:400;line-height:1.5}@media (width<=450px){.how-it-works-container .section-description{width:100%;font-size:17px}}.steps-container{background-color:#fff;justify-content:center;gap:24px;padding:40px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.steps-container .step-card{background:#fff;border:1px solid #f0f2f5;border-radius:12px;flex-direction:column;flex:1;max-width:360px;height:50vh;padding:24px;display:flex;box-shadow:0 4px 12px #00000005}.steps-container .step-card .step-image-holder{background-color:#f5f9ff;border-radius:8px;justify-content:center;align-items:center;height:180px;margin-bottom:24px;display:flex;position:relative;overflow:hidden}.steps-container .step-card .step-title{color:#0d2344;margin:0 0 12px;font-size:16px;font-weight:600}.steps-container .step-card .step-desc{color:#4a5d78;margin:0;font-size:13px;line-height:1.6}.steps-container .step-card .mock-ui-1{flex-direction:column;align-items:center;gap:12px;display:flex}.steps-container .step-card .mock-ui-1 .mock-bubble{background:#fff;border-radius:12px;width:140px;padding:16px;box-shadow:0 8px 24px #0028640d}.steps-container .step-card .mock-ui-1 .mock-bubble .line{background:#e4e9f2;border-radius:2px;height:4px;margin-bottom:8px}.steps-container .step-card .mock-ui-1 .mock-bubble .line.long{width:100%}.steps-container .step-card .mock-ui-1 .mock-bubble .line.short{width:60%;margin-bottom:0}.steps-container .step-card .mock-ui-1 .mock-btn{color:#fff;background:#06f;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:11px;font-weight:600;display:flex;box-shadow:0 4px 12px #06f3}.steps-container .step-card .mock-ui-1 .mock-btn .icon-user{background:#fff3;border-radius:50%;padding:2px;font-size:10px}.steps-container .step-card .mock-ui-2{flex-direction:column;gap:10px;width:130px;display:flex}.steps-container .step-card .mock-ui-2 .mock-bubble-top,.steps-container .step-card .mock-ui-2 .mock-bubble-bottom{background:#fff;border-radius:8px;padding:12px;box-shadow:0 6px 20px #0028640a}.steps-container .step-card .mock-ui-2 .mock-bubble-top .line.long{background:#e4e9f2;border-radius:2px;width:80%;height:4px;margin-bottom:12px}.steps-container .step-card .mock-ui-2 .mock-bubble-top .avatar-line{align-items:center;gap:8px;display:flex}.steps-container .step-card .mock-ui-2 .mock-bubble-top .avatar-line .avatar{background:#ffb8b8;border-radius:50%;width:20px;height:20px}.steps-container .step-card .mock-ui-2 .mock-bubble-top .avatar-line .line.short{background:#e4e9f2;border-radius:2px;width:40%;height:4px}.steps-container .step-card .mock-ui-2 .mock-bubble-bottom{align-items:center;gap:10px;padding:8px 12px;display:flex}.steps-container .step-card .mock-ui-2 .mock-bubble-bottom .plus-btn{color:#fff;background:#06f;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:700;display:flex}.steps-container .step-card .mock-ui-2 .mock-bubble-bottom .line.medium{background:#e4e9f2;border-radius:2px;width:50%;height:4px}.steps-container .step-card .mock-ui-3 .chart-card{box-sizing:border-box;background:#fff;border-radius:8px;justify-content:space-between;align-items:flex-end;width:140px;height:90px;padding:16px;display:flex;position:relative;box-shadow:0 8px 24px #0028640d}.steps-container .step-card .mock-ui-3 .chart-card .badge{background:#fff;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 4px 10px #00000014}.steps-container .step-card .mock-ui-3 .chart-card .bar{background:#06f;border-radius:4px 4px 0 0;width:16px}.steps-container .step-card .mock-ui-3 .chart-card .bar.bar-1{height:45px}.steps-container .step-card .mock-ui-3 .chart-card .bar.bar-2{height:25px}.steps-container .step-card .mock-ui-3 .chart-card .bar.bar-3{height:55px}.steps-container .step-card .mock-ui-3 .chart-card .bar.bar-4{height:40px}@media (width<=450px){.steps-container{flex-direction:column;align-items:center}.steps-container .step-card{width:100%;max-width:100%}}.MainSection{width:100%;height:150vh;display:flex}@media (width<=450px){.MainSection{flex-direction:column;width:95%;height:100%;margin-left:2%}}.MainSection .MainSectionLeft{width:50%;height:150vh}@media (width<=450px){.MainSection .MainSectionLeft{width:100%;height:100%}}.MainSection .MainSectionLeft .MainSectionLeftCont1{width:100%;height:50vh;padding-top:8%;padding-left:8%}.MainSection .MainSectionLeft .MainSectionLeftCont1 .school-promo{max-width:500px;padding:20px;font-family:system-ui,-apple-system,sans-serif}@media (width<=450px){.MainSection .MainSectionLeft .MainSectionLeftCont1 .school-promo{padding-left:0%}}.MainSection .MainSectionLeft .MainSectionLeftCont1 .school-promo .sub-heading{color:#8a8a8a;margin-bottom:16px;font-size:15px;font-weight:500;display:block}.MainSection .MainSectionLeft .MainSectionLeftCont1 .school-promo .main-heading{color:#0c337c;margin:0 0 24px;font-size:32px;font-weight:700;line-height:1.3}@media (width<=450px){.MainSection .MainSectionLeft .MainSectionLeftCont1 .school-promo .main-heading{font-size:18px}}.MainSection .MainSectionLeft .MainSectionLeftCont1 .school-promo .description{color:#1e3a60;margin:0;font-size:24px;font-weight:400;line-height:1.5}@media (width<=450px){.MainSection .MainSectionLeft .MainSectionLeftCont1 .school-promo .description{font-size:17px}}.MainSection .MainSectionLeft .MainSectionLeftCont2{justify-content:center;width:100%;height:100vh;display:flex}@media (width<=450px){.MainSection .MainSectionLeft .MainSectionLeftCont2{margin-top:-150px;margin-bottom:-350px}}.MainSection .MainSectionLeft .MainSectionLeftCont2 .UchevaCircle{width:83%;height:83%}@media (width<=450px){.MainSection .MainSectionLeft .MainSectionLeftCont2 .UchevaCircle{width:90%;height:50%}}.MainSection .MainSectionRight{width:50%;height:150vh}@media (width<=450px){.MainSection .MainSectionRight{width:100%;margin-left:2%}}.MainSection .MainSectionRight .features-container{flex-direction:column;gap:16px;max-width:500px;margin:0 auto;padding:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.MainSection .MainSectionRight .features-container .feature-card{background-color:#f4f6f9;border-radius:12px;align-items:flex-start;gap:16px;padding:20px;display:flex;box-shadow:0 1px 3px #00000005}.MainSection .MainSectionRight .features-container .feature-card:nth-child(2n){margin-left:40px}.MainSection .MainSectionRight .features-container .feature-card:nth-child(odd){width:100%;margin-right:40px}@media (width<=450px){.MainSection .MainSectionRight .features-container .feature-card:nth-child(odd){width:100%}}.MainSection .MainSectionRight .features-container .feature-card .icon-wrapper{background-color:#e3efff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.MainSection .MainSectionRight .features-container .feature-card .icon-wrapper .feature-icon{color:#1a56db;font-size:18px}.MainSection .MainSectionRight .features-container .feature-card .text-wrapper{flex-direction:column;gap:6px;display:flex}.MainSection .MainSectionRight .features-container .feature-card .text-wrapper .feature-title{color:#1e3a8a;margin:0;font-size:20px;font-weight:600}.MainSection .MainSectionRight .features-container .feature-card .text-wrapper .feature-description{color:#4b5563;margin:0;font-size:15px;line-height:1.5}.testimonials-section{background-color:#fff;justify-content:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}@media (width<=450px){.testimonials-section{width:100%;margin-top:-50px}}.testimonials-section .testimonials-container{flex-direction:column;align-items:center;width:100%;max-width:1200px;display:flex}.testimonials-section .testimonials-header{text-align:center;max-width:600px;margin-bottom:48px}.testimonials-section .testimonials-header .subtitle{color:#94a3b8;text-transform:capitalize;letter-spacing:.5px;font-size:16px}.testimonials-section .testimonials-header .title{color:#0f172a;margin:12px 0 16px;font-size:32px;font-weight:700}@media (width<=450px){.testimonials-section .testimonials-header .title{font-size:20px}}.testimonials-section .testimonials-header .description{color:#334155;font-size:26px;line-height:1.6}@media (width<=450px){.testimonials-section .testimonials-header .description{font-size:19px}}.testimonials-section .testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;margin-bottom:40px;display:grid}@media (width<=450px){.testimonials-section .testimonials-grid{grid-template-columns:repeat(2,1fr)}.testimonials-section .testimonials-grid{grid-template-columns:1fr}}.testimonials-section .testimonial-card{background:#fff;border-radius:12px;flex-direction:column;padding:32px;display:flex;box-shadow:0 4px 20px #dce4f366}.testimonials-section .testimonial-card .card-header{align-items:center;gap:14px;margin-bottom:12px;display:flex}.testimonials-section .testimonial-card .card-header .avatar{object-fit:cover;border-radius:50%;width:52px;height:52px}.testimonials-section .testimonial-card .card-header .user-info{flex-direction:column;height:100%;display:flex}.testimonials-section .testimonial-card .card-header .user-info .user-name{color:#0f172a;margin:0;font-size:18px;font-weight:600}.testimonials-section .testimonial-card .card-header .user-info .user-role{color:#94a3b8;margin-top:2px;font-size:13px}.testimonials-section .testimonial-card .card-header .user-info .star-rating{gap:4px;margin-bottom:20px;display:flex}.testimonials-section .testimonial-card .card-header .user-info .star-rating .star{color:#ff9800;font-size:16px}.testimonials-section .testimonial-card .testimonial-text{color:#334155;margin:0;font-size:14px;line-height:1.6}.testimonials-section .pagination-controls{justify-content:space-between;align-items:center;width:13%;display:flex}@media (width<=450px){.testimonials-section .pagination-controls{width:40%}}.testimonials-section .pagination-controls .nav-btn{color:#94a3b8;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.testimonials-section .pagination-controls .nav-btn.active{color:#fff;background:#0061ff;border-color:#0061ff}.testimonials-section .pagination-controls .nav-btn:hover{opacity:.9}.pricing-container{color:#1e293b;background-color:#fff;max-width:1200px;margin:0 auto;padding:60px 20px;font-family:Inter,system-ui,-apple-system,sans-serif}.pricing-container .pricing-header{text-align:center;margin-bottom:48px}.pricing-container .pricing-header .sub-title{color:#94a3b8;letter-spacing:.5px;margin-bottom:12px;font-size:15px}@media (width<=450px){.pricing-container .pricing-header .sub-title{font-size:15px}}.pricing-container .pricing-header .main-titles{color:#0f172a;margin-bottom:16px;font-size:32px;font-weight:700}@media (width<=450px){.pricing-container .pricing-header .main-titles{width:100%;font-size:20px}}.pricing-container .pricing-header .descriptions{color:#475569;width:45%;margin:0 auto;font-size:25px}@media (width<=450px){.pricing-container .pricing-header .descriptions{width:100%;font-size:22px}}.pricing-container .cards-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px;display:grid}@media (width<=450px){.pricing-container .cards-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto 48px}}.pricing-container .card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:flex-start;height:470px;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.pricing-container .card .card-content{flex-direction:column;flex-grow:1;align-items:flex-start;padding-top:20px;display:flex}.pricing-container .card .plan-name{color:#64748b;margin-bottom:12px;font-size:14px;font-weight:500}.pricing-container .card .price{color:#0f172a;margin-bottom:16px;font-size:36px;font-weight:700}.pricing-container .card .card-desc{color:#475569;text-align:left;margin-bottom:32px;font-size:15px;line-height:1.5}.pricing-container .starter-card{border:none;justify-content:space-between;position:relative}.pricing-container .starter-card .text-light{color:#fff;z-index:2}.pricing-container .starter-card .plan-name.text-light{color:#fff}.pricing-container .starter-card .image-container{justify-content:center;align-items:flex-end;width:100%;height:250px;margin-top:auto;display:flex}.pricing-container .starter-card .image-container .admin-image{width:115%;height:480px}.pricing-container .billing-card .features-list{flex-direction:column;justify-content:flex-start;align-items:flex-start;margin:0 0 16px;padding:0;list-style:none;display:flex}.pricing-container .billing-card .features-list li{color:#334155;margin-bottom:16px;padding-left:28px;font-size:14px;position:relative}.pricing-container .billing-card .features-list li:before{content:"✓";color:#fff;background-color:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-1px;left:0}.pricing-container .billing-card .view-all-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;align-self:center;margin-bottom:32px;font-size:14px;font-weight:500}.pricing-container .billing-card .view-all-btn:hover{text-decoration:underline}.pricing-container .billing-card .cta-button{cursor:pointer;border-radius:12px;width:100%;margin-top:auto;padding:14px;font-size:16px;font-weight:600;transition:all .2s}.pricing-container .billing-card .primary-btn{color:#fff;background-color:#2563eb;border:none}.pricing-container .billing-card .primary-btn:hover{background-color:#1d4ed8}.pricing-container .billing-card .secondary-btn{color:#2563eb;background-color:#eff6ff;border:none}.pricing-container .billing-card .secondary-btn:hover{background-color:#dbeafe}.pricing-container .active-card{box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d}.pricing-container .pricing-footer{text-align:center;color:#334155;width:95%;margin:0 auto;font-size:24px;line-height:1.6}@media (width<=450px){.pricing-container .pricing-footer{font-size:18px}}.pricing-container .pricing-footer .footer-link{color:#2563eb;font-weight:500;text-decoration:none}.pricing-container .pricing-footer .footer-link:hover{text-decoration:underline}.bbanner-container{color:#fff;box-sizing:border-box;background:url(../assets/FreeBackground.PNG) 0 0/cover;border-radius:40px;justify-content:space-between;align-items:center;max-width:1200px;height:470px;margin:0 auto 50px;padding:48px 64px 0;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}@media (width<=450px){.bbanner-container{background-position:50%;flex-direction:column;height:700px;margin-top:10px;margin-left:2%;margin-right:2%;padding:30px 20px 0}}.bbanner-container .banner-content{z-index:10;flex:1;max-width:520px;padding-bottom:48px}@media (width<=450px){.bbanner-container .banner-content{max-width:100%;padding-bottom:32px}}.bbanner-container .banner-content .banner-titles{margin:0 0 16px;font-size:38px;font-weight:700;line-height:1.3}@media (width<=450px){.bbanner-container .banner-content .banner-titles{font-size:25px}}.bbanner-container .banner-content .banner-subtitle{color:#ffffffd9;width:80%;margin:0 0 32px;font-size:22px;line-height:1.5}@media (width<=450px){.bbanner-container .banner-content .banner-subtitle{width:100%;font-size:20px}}.bbanner-container .banner-content .banner-btn{color:#1e70e6;cursor:pointer;background-color:#fff;border:none;border-radius:8px;width:22%;height:45px;padding:12px 28px;font-size:12px;font-weight:600;transition:background-color .2s}.bbanner-container .banner-content .banner-btn:hover{background-color:#f0f5ff}@media (width<=450px){.bbanner-container .banner-content .banner-btn{width:40%;height:45px;margin-left:5%;font-size:14px}}.bbanner-container .AdminMobilePh{border:15px solid #82b2fa;border-bottom:none;border-top-left-radius:50px;border-top-right-radius:50px;width:380px;margin-top:330px;box-shadow:0 20px 40px #00000026}@media (width<=450px){.bbanner-container .AdminMobilePh{width:100%;margin-top:70px}}.pricing-container{background-color:#fff;max-width:1200px;margin:0 auto;padding:60px 20px;font-family:system-ui,-apple-system,sans-serif}.pricing-container .pricing-header{text-align:center;margin-bottom:50px}.pricing-container .pricing-header .sub-title{color:#8a94a6;margin-bottom:12px;font-size:14px}.pricing-container .pricing-header .main-title{color:#0c2356;margin:0 0 16px;font-size:32px;font-weight:700}.pricing-container .pricing-header .description{color:#4e5d78;max-width:630px;margin:0 auto;font-size:25px;line-height:1.6}.pricing-container .cards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:30px;display:grid}.pricing-container .cards-grid .pricing-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;height:670px;padding:32px 24px;display:flex;position:relative;box-shadow:0 10px 25px #00000005}.pricing-container .cards-grid .pricing-card.featured{border:2px solid #1877f2;height:700px;margin-top:-10px;box-shadow:0 15px 35px #1877f21a}.pricing-container .cards-grid .pricing-card.featured .badge{color:#fff;background-color:#1877f2;border-radius:20px;align-items:center;height:35px;padding:4px 16px;font-size:15px;font-weight:600;display:flex;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.pricing-container .cards-grid .pricing-card .card-header{flex-direction:column;align-items:flex-start;margin-bottom:24px;display:flex}.pricing-container .cards-grid .pricing-card .card-header .plan-name{color:#4e5d78;font-size:14px;font-weight:500}.pricing-container .cards-grid .pricing-card .card-header .plan-price{color:#0c2356;align-items:baseline;margin:12px 0;font-size:36px;font-weight:700;display:flex}.pricing-container .cards-grid .pricing-card .card-header .plan-price .period{color:#8a94a6;margin-left:4px;font-size:15px;font-weight:400}.pricing-container .cards-grid .pricing-card .card-header .plan-desc{color:#4e5d78;min-height:42px;margin:0;font-size:18px;line-height:1.5}.pricing-container .cards-grid .pricing-card .btn{cursor:pointer;border:none;border-radius:8px;width:100%;margin-bottom:32px;padding:14px;font-size:15px;font-weight:600;transition:background-color .2s}.pricing-container .cards-grid .pricing-card .btn.btn-primary{color:#fff;background-color:#1877f2}.pricing-container .cards-grid .pricing-card .btn.btn-primary:hover{background-color:#1565c7}.pricing-container .cards-grid .pricing-card .btn.btn-secondary{color:#1877f2;background-color:#e8f0fe}.pricing-container .cards-grid .pricing-card .btn.btn-secondary:hover{background-color:#d2e3fc}.pricing-container .cards-grid .pricing-card .features-container{flex-direction:column;height:400px;display:flex}.pricing-container .cards-grid .pricing-card .features-container .features-title{color:#4e5d78;margin-bottom:16px;font-size:17px;font-weight:600}.pricing-container .cards-grid .pricing-card .features-container .features-list{margin-top:-40px;padding:0;list-style:none}.pricing-container .cards-grid .pricing-card .features-container .features-list li{color:#4e5d78;margin-bottom:12px;padding-left:28px;font-size:14px;line-height:1.4;position:relative}.pricing-container .cards-grid .pricing-card .features-container .features-list li:before{content:"✓";color:#fff;background-color:#1877f2;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-1px;left:0}@media (width<=450px){.pricing-container{padding:40px 16px}.pricing-container .pricing-header{margin-bottom:32px}.pricing-container .pricing-header .main-title{font-size:19px}.pricing-container .pricing-header .description{font-size:18px}.pricing-container .cards-grid{grid-template-columns:1fr;gap:24px}.pricing-container .cards-grid .pricing-card{padding:24px 16px}.pricing-container .cards-grid .pricing-card.featured{height:auto;margin-top:0}.pricing-container .cards-grid .pricing-card .card-header .plan-price{font-size:30px}.pricing-container .cards-grid .pricing-card .features-container{height:auto}.pricing-container .cards-grid .pricing-card .features-container .features-title{margin-left:-80%}.pricing-container .cards-grid .pricing-card .features-container .features-list{margin-top:0;margin-left:-40%}}.faq-container{justify-content:space-between;align-items:flex-start;gap:40px;max-width:1200px;margin:0 auto;padding:60px 20px;font-family:system-ui,-apple-system,sans-serif;display:flex}.faq-container .faq-info{flex:1;max-width:400px;margin-top:130px}.faq-container .faq-info .faq-tag{color:#a0aec0;margin-bottom:12px;font-size:15px;font-weight:500;display:block}.faq-container .faq-info .faq-title{color:#0b1a4a;margin:0 0 16px;font-size:32px;font-weight:700;line-height:1.3}.faq-container .faq-info .faq-title .highlight{color:#f6ad55}.faq-container .faq-info .faq-description{color:#4a5568;margin:0;font-size:23px;line-height:1.5}.faq-container .faq-accordion-list{flex-direction:column;flex:1.5;gap:16px;display:flex}.faq-container .faq-accordion-list .faq-item{cursor:pointer;background-color:#f7fafc;border-radius:8px;transition:background-color .2s}.faq-container .faq-accordion-list .faq-item:hover{background-color:#edf2f7}.faq-container .faq-accordion-list .faq-item .faq-item-header{align-items:center;gap:24px;padding:24px;display:flex}.faq-container .faq-accordion-list .faq-item .faq-item-header .faq-number{color:#2d3748;min-width:24px;font-size:14px;font-weight:600}.faq-container .faq-accordion-list .faq-item .faq-item-header .faq-question{color:#2d3748;text-align:center;flex-grow:1;margin:0;font-size:15px;font-weight:500}.faq-container .faq-accordion-list .faq-item .faq-item-header .faq-icon{color:#2d3748;-webkit-user-select:none;user-select:none;font-size:20px;font-weight:300}.faq-container .faq-accordion-list .faq-item .faq-item-content{color:#4a5568;justify-content:center;padding:0 24px 24px 72px;font-size:15px;line-height:1.6;display:flex}@media (width<=450px){.faq-container{flex-direction:column;gap:32px;padding:40px 16px}.faq-container .faq-info{text-align:center;max-width:100%;margin-top:0}.faq-container .faq-info .faq-title,.faq-container .faq-info .faq-description{font-size:20px}.faq-container .faq-accordion-list{width:100%}.faq-container .faq-accordion-list .faq-item .faq-item-header{gap:12px;padding:16px}.faq-container .faq-accordion-list .faq-item .faq-item-header .faq-question{text-align:left;font-size:14px}.faq-container .faq-accordion-list .faq-item .faq-item-content{justify-content:flex-start;padding:0 16px 16px;font-size:14px}}.NotSureWrapper{justify-content:center;align-items:flex-start;width:100%;height:80vh;display:flex}@media (width<=450px){.NotSureWrapper{padding-left:3%;padding-right:3%}}.NotSureWrapper .banner-containerz{box-sizing:border-box;background:url(../assets/FreeBackground.PNG) 0 0/cover;border-radius:32px;justify-content:center;align-items:center;width:100%;max-width:1184px;min-height:450px;padding:40px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.NotSureWrapper .banner-containerz:before,.NotSureWrapper .banner-containerz:after{content:"";pointer-events:none;border:45px solid #ffffff0d;border-radius:50%;position:absolute}.NotSureWrapper .banner-containerz:before{width:400px;height:400px;bottom:-150px;left:-100px}.NotSureWrapper .banner-containerz:after{width:500px;height:500px;top:-100px;right:-100px}.NotSureWrapper .banner-containerz .banner-content{z-index:1;text-align:center;flex-direction:column;align-items:center;max-width:600px;display:flex;position:relative}.NotSureWrapper .banner-containerz .banner-content .banner-title{color:#fff;letter-spacing:-.5px;width:110%;margin:0 0 12px;font-size:38px;font-weight:700;line-height:1.25}@media (width<=450px){.NotSureWrapper .banner-containerz .banner-content .banner-title{font-size:25px}}.NotSureWrapper .banner-containerz .banner-content .banner-subtitle{color:#ffffffe6;max-width:420px;margin:0 0 28px;font-size:21px;font-weight:400;line-height:1.5}@media (width<=450px){.NotSureWrapper .banner-containerz .banner-content .banner-subtitle{font-size:16px}}.NotSureWrapper .banner-containerz .banner-content .banner-buttons{color:#0b65f6;cursor:pointer;background-color:#fff;border:none;border-radius:8px;height:50px;padding:12px 28px;font-size:14px;font-weight:600;transition:background-color .2s,transform .1s;box-shadow:0 4px 12px #0000000d}.NotSureWrapper .banner-containerz .banner-content .banner-buttons:hover{background-color:#f0f5ff}.NotSureWrapper .banner-containerz .banner-content .banner-buttons:active{transform:scale(.98)}@media (width<=450px){.NotSureWrapper .banner-containerz .banner-content .banner-buttons{width:100px;height:40px;font-size:8px}}.our-story-section{background-color:#fff;justify-content:center;align-items:center;width:100%;padding:80px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.our-story-section .story-container{grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;width:100%;max-width:1200px;margin-top:-2.5%;display:grid}.our-story-section .grid-gallery{grid-template-rows:51% 45%;grid-template-columns:27% 53%;gap:16px;width:92%;height:100%;display:grid}.our-story-section .grid-gallery .AboutUsPic1{width:370%;height:195%}.our-story-section .story-content{flex-direction:column;justify-content:center;width:97%;margin-left:6%;display:flex}.our-story-section .story-content .content-subtitle{color:#a0aec0;text-transform:none;margin-top:30px;margin-bottom:12px;font-size:15px;font-weight:600;display:inline-block}.our-story-section .story-content .content-title{color:#042869;letter-spacing:-.5px;margin:0 0 20px;font-size:32px;font-weight:700}.our-story-section .story-content .content-text{color:#042869;margin:0;font-size:23px;line-height:1.65}@media (width<=450px){.our-story-section{width:98%;padding:40px 16px}.our-story-section .story-container{grid-template-columns:1fr;gap:40px;width:100%}.our-story-section .grid-gallery{grid-template-columns:1fr 1fr;gap:12px}.our-story-section .grid-gallery .AboutUsPic1{width:230%}.our-story-section .story-content .content-title{width:90%;margin-bottom:16px;font-size:20px}.our-story-section .story-content .content-text{width:90%;font-size:15.3px}}.mission-vision-container{justify-content:space-between;align-items:center;gap:60px;max-width:1200px;height:100vh;margin:0 auto;padding:40px 20px;font-family:system-ui,-apple-system,sans-serif;display:flex}.mission-vision-container .Ourtext-column{flex-direction:column;gap:32px;width:42%;height:60%;margin-left:-1.6%;display:flex}.mission-vision-container .Ourtext-column .subtitle{color:#94a3b8;margin-bottom:-5%;font-size:15.5px;font-weight:500}.mission-vision-container .Ourtext-column .content-block{flex-direction:column;gap:12px;display:flex}.mission-vision-container .Ourtext-column .content-block .title{color:#0f2d69;margin:0;font-size:31px;font-weight:700}.mission-vision-container .Ourtext-column .content-block .Ourdescription{color:#042869;margin:0;font-size:23px;line-height:1.6}.mission-vision-container .AboutUsPic2{width:50%;height:580px;margin-right:-3%}@media (width<=450px){.mission-vision-container{flex-direction:column;gap:40px;padding:30px 16px}.mission-vision-container .text-column{text-align:left;gap:24px}.mission-vision-container .text-column .content-block .title{font-size:24px}.mission-vision-container .text-column .content-block .description{font-size:15px}.mission-vision-container .image-column{width:100%}.mission-vision-container .image-column .grid-layout{gap:12px;width:290px;height:290px}}.values-container{background-color:#f0f8ff;width:100%;height:83vh;margin:0 auto;padding:80px 24px;font-family:system-ui,-apple-system,sans-serif}.values-container .values-header{text-align:center;margin-bottom:56px}.values-container .values-header .values-subtitle{color:#94a3b8;margin-top:-30px;margin-bottom:12px;font-size:15px;font-weight:500;display:block}.values-container .values-header .values-title{color:#042869;margin:0 0 16px;font-size:32px;font-weight:700}.values-container .values-header .values-intro{color:#042869;margin:0;font-size:25px}.values-container .values-grid{grid-template-columns:repeat(3,30%);justify-content:flex-end;display:grid}@media (width<=450px){.values-container .values-grid{grid-template-columns:repeat(2,1fr)}.values-container .values-grid{grid-template-columns:1fr}}.values-container .values-grid .value-card{background:#fff;border-bottom:4px solid #2563eb;border-radius:12px;flex-direction:column;align-items:flex-start;width:80%;padding:33px;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.values-container .values-grid .value-card .value-icon-wrapper{color:#2563eb;background-color:#eff6ff;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:24px;display:flex}.values-container .values-grid .value-card .value-icon-wrapper svg{width:22px;height:22px}.values-container .values-grid .value-card .value-card-title{color:#1e293b;margin:0 0 12px;font-size:20px;font-weight:600}.values-container .values-grid .value-card .value-card-description{color:#334155;margin:0;font-size:17px;line-height:1.6}.team-container{background-color:#fff;max-width:1200px;margin:0 auto;padding:80px 24px;font-family:system-ui,-apple-system,sans-serif}.team-container .team-header{text-align:center;margin-bottom:56px}.team-container .team-header .team-subtitle{color:#94a3b8;margin-bottom:12px;font-size:14px;font-weight:500;display:block}.team-container .team-header .team-title{color:#0f172a;margin:0 0 16px;font-size:32px;font-weight:700}.team-container .team-header .team-title .highlight{color:#f59e0b}.team-container .team-header .team-intro{color:#1e3a8a;margin:0;font-size:16px}.team-container .team-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=450px){.team-container .team-grid{grid-template-columns:repeat(2,1fr)}.team-container .team-grid{grid-template-columns:1fr}}.team-container .team-grid .team-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;padding:14px;transition:all .1s ease-in-out;display:flex;box-shadow:0 4px 12px #0f172a08}.team-container .team-grid .team-card .image-wrapper{aspect-ratio:1;border-radius:8px;width:100%;margin-bottom:16px;position:relative;overflow:hidden}.team-container .team-grid .team-card .image-wrapper .team-img{object-fit:cover;width:100%;height:110%;display:block}.team-container .team-grid .team-card .image-wrapper .social-sidebar{z-index:10;background-color:#1d6bf3;border-radius:8px;flex-direction:column;gap:8px;padding:8px;display:flex;position:absolute;bottom:-6px;right:-5px;box-shadow:0 4px 12px #00000026}.team-container .team-grid .team-card .image-wrapper .social-sidebar .social-icon{color:#fff;justify-content:center;align-items:center;width:28px;height:28px;text-decoration:none;transition:opacity .2s;display:flex}.team-container .team-grid .team-card .image-wrapper .social-sidebar .social-icon:hover{opacity:.8}.team-container .team-grid .team-card .image-wrapper .social-sidebar .social-icon svg{width:18px;height:18px}.team-container .team-grid .team-card .team-info{border:1px solid #f1f5f9;border-radius:10px;padding:4px 4px 12px}.team-container .team-grid .team-card .team-info .team-member-name{color:#042869;margin:0 0 6px;font-size:20px;font-weight:600}.team-container .team-grid .team-card .team-info .team-member-role{color:#042869;margin:0;font-size:14px;font-weight:400}.team-container .team-grid .team-card.active{background-color:#072a6b;border-color:#072a6b;transform:scale(1.02);box-shadow:0 12px 24px #072a6b33}.team-container .team-grid .team-card.active .team-info{border-color:#00f}.team-container .team-grid .team-card.active .team-info .team-member-name,.team-container .team-grid .team-card.active .team-info .team-member-role{color:#fff}.cta-banner{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:90vh;margin:0 auto;padding:0 24px;font-family:system-ui,-apple-system,sans-serif;display:flex}.cta-banner .cta-content-wrapper{background-image:url(/assets/FreeBackground-B7qLxvgW.png);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:30px;justify-content:flex-start;align-items:center;width:92%;height:470px;display:flex;position:relative;overflow:hidden}@media (width<=450px){.cta-banner .cta-content-wrapper{text-align:center;flex-direction:column;align-items:center;gap:32px;padding:48px 32px 0}}.cta-banner .cta-content-wrapper .cta-image-side{justify-content:flex-start;align-items:flex-end;width:55%;margin-top:7%;margin-left:-5%;display:flex}@media (width<=450px){.cta-banner .cta-content-wrapper .cta-image-side{order:2;justify-content:center;width:100%}}.cta-banner .cta-content-wrapper .cta-image-side .cta-avatar{object-fit:contain;vertical-align:bottom;max-width:100%;height:auto;display:block}.cta-banner .cta-content-wrapper .cta-text-side{flex-direction:column;justify-content:center;align-items:flex-start;width:50%;padding-top:-20px;display:flex}@media (width<=450px){.cta-banner .cta-content-wrapper .cta-text-side{order:1;align-items:center;width:100%;padding:0}}.cta-banner .cta-content-wrapper .cta-text-side .cta-heading{color:#fff;letter-spacing:-.5px;margin:0 0 16px;font-size:38px;font-weight:700;line-height:1.2}@media (width<=640px){.cta-banner .cta-content-wrapper .cta-text-side .cta-heading{font-size:28px}}.cta-banner .cta-content-wrapper .cta-text-side .cta-subheading{color:#ffffffe6;max-width:480px;margin:0 0 32px;font-size:18px;line-height:1.5}@media (width<=640px){.cta-banner .cta-content-wrapper .cta-text-side .cta-subheading{font-size:16px}}.cta-banner .cta-content-wrapper .cta-text-side .cta-button{color:#1d6bf3;cursor:pointer;background-color:#fff;border:none;border-radius:10px;width:18%;height:45px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s}.cta-banner .cta-content-wrapper .cta-text-side .cta-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.cta-banner .cta-content-wrapper .cta-text-side .cta-button:active{transform:translateY(0)}.contact-layout-wrapper{background-color:#fff;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;font-family:system-ui,-apple-system,sans-serif;display:flex}.contact-layout-wrapper .contact-layout-container{grid-template-columns:1.15fr .85fr;align-items:start;gap:72px;width:100%;max-width:1150px;display:grid}@media (width<=450px){.contact-layout-wrapper .contact-layout-container{grid-template-columns:1fr;gap:48px}}.contact-layout-wrapper .contact-form-card{background-color:#f3f4f6;border-radius:20px;padding:44px}@media (width<=450px){.contact-layout-wrapper .contact-form-card{padding:24px}}.contact-layout-wrapper .contact-form-card .contact-form-grid{grid-template-columns:1fr 1fr;gap:28px 24px;display:grid}@media (width<=450px){.contact-layout-wrapper .contact-form-card .contact-form-grid{grid-template-columns:1fr;row-gap:20px}}.contact-layout-wrapper .contact-form-card .contact-input-field{flex-direction:column;gap:10px;display:flex}.contact-layout-wrapper .contact-form-card .contact-input-field.full-row{grid-column:1/-1}.contact-layout-wrapper .contact-form-card .contact-input-field label{color:#1e293b;font-size:13px;font-weight:500}.contact-layout-wrapper .contact-form-card .contact-input-field input,.contact-layout-wrapper .contact-form-card .contact-input-field textarea,.contact-layout-wrapper .contact-form-card .contact-input-field select{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #0000;border-radius:10px;outline:none;width:100%;padding:16px;font-size:14px}:is(.contact-layout-wrapper .contact-form-card .contact-input-field input,.contact-layout-wrapper .contact-form-card .contact-input-field textarea,.contact-layout-wrapper .contact-form-card .contact-input-field select)::placeholder{color:#94a3b8;opacity:.8}.contact-layout-wrapper .contact-form-card .contact-input-field textarea{resize:none;height:154px}.contact-layout-wrapper .contact-form-card .contact-input-field .select-container{width:100%;position:relative}.contact-layout-wrapper .contact-form-card .contact-input-field .select-container select{appearance:none;cursor:pointer;padding-right:44px}.contact-layout-wrapper .contact-form-card .contact-input-field .select-container:after{content:"";pointer-events:none;border-top:5px solid #475569;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.contact-layout-wrapper .contact-form-card .action-button-row{justify-content:flex-end;margin-top:28px;display:flex}.contact-layout-wrapper .contact-form-card .submit-action-btn{color:#fff;cursor:pointer;background-color:#0061ff;border:none;border-radius:10px;padding:15px 32px;font-size:14px;font-weight:600;transition:background-color .2s}.contact-layout-wrapper .contact-form-card .submit-action-btn:hover{background-color:#004ecc}.contact-layout-wrapper .contact-details-panel{color:#0c1e36;width:90%;margin-left:10%}.contact-layout-wrapper .contact-details-panel .panel-tagline{color:#94a3b8;margin-bottom:12px;font-size:15px;display:block}.contact-layout-wrapper .contact-details-panel .panel-heading{color:#071a30;margin:0 0 16px;font-size:32px;font-weight:700;line-height:1.25}@media (width<=450px){.contact-layout-wrapper .contact-details-panel .panel-heading{font-size:20px}}.contact-layout-wrapper .contact-details-panel .panel-lead-text{color:#334155;max-width:380px;margin:0 0 36px;font-size:21.5px;line-height:1.5}@media (width<=450px){.contact-layout-wrapper .contact-details-panel .panel-lead-text{font-size:14px}}.contact-layout-wrapper .contact-details-panel .panel-data-group{margin-bottom:24px}.contact-layout-wrapper .contact-details-panel .panel-data-group h3{color:#071a30;margin:0 0 8px;font-size:19px;font-weight:700}.contact-layout-wrapper .contact-details-panel .panel-data-group .data-anchor{color:#334155;font-size:18px;text-decoration:none}.contact-layout-wrapper .contact-details-panel .panel-data-group .data-anchor:hover{text-decoration:underline}.contact-layout-wrapper .contact-details-panel .panel-data-group .address-paragraph{color:#334155;margin:0;font-size:18px;line-height:1.5}.contact-layout-wrapper .contact-details-panel .panel-social-group{margin-top:36px}.contact-layout-wrapper .contact-details-panel .panel-social-group h3{color:#071a30;margin:0 0 14px;font-size:18px;font-weight:700}.contact-layout-wrapper .contact-details-panel .panel-social-group .social-button-list{gap:12px;display:flex}.contact-layout-wrapper .contact-details-panel .panel-social-group .social-circle-btn{color:#fff;background-color:#0061ff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;text-decoration:none;transition:transform .2s;display:flex}.contact-layout-wrapper .contact-details-panel .panel-social-group .social-circle-btn:hover{transform:translateY(-2px)}.signUp_container{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.signUp_holder{justify-content:space-between;width:90%;height:90%;display:flex}.signUp_left{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:50%;height:150%;display:flex;position:relative}.signUp_left img{object-fit:cover;border-radius:60px;width:100%;height:100%;position:absolute}.logoholder{width:90%;height:30%}.logoholder img{cursor:pointer;border-radius:2px;gap:10px;width:180px;height:49px;top:50.5px;left:46px}.signuptext{z-index:1;flex-direction:column;gap:20px;width:90%;height:60%;display:flex;position:relative}.signuptext h1{font-weight:700;font-style:Bold;letter-spacing:0%;color:#03173c;font-size:45px;line-height:100%}.signuptext p{letter-spacing:0%;color:#042869;font-size:24px}.signUp_right{flex-direction:column;gap:30px;width:45%;height:100%;padding:30px;display:flex}.signUp_right h2{color:#03173c;margin:0;font-size:45px}.signUp_form{flex-direction:column;gap:10px;height:30%;display:flex}.url-suggestions{flex-direction:column;gap:10px;margin:5px 0;display:flex}.url-suggestions p{color:#9da4ae;margin:0;font-size:12px}.url-box{cursor:pointer;box-sizing:border-box;color:#03173c;background-color:#fff;border:1px solid #9da4ae;border-radius:10px;align-items:center;width:100%;min-height:49px;padding:0 16px;font-size:14px;transition:all .2s;display:flex}.url-box:hover{background-color:#f9fbff;border-color:#0062f6}.active-url{color:#0062f6;border:2px solid #0062f6;font-weight:500}.signUp_form p{color:#9da4ae;gap:5px;font-size:12px;display:flex}.signUp_input{box-sizing:border-box;border:1px solid #9da4ae;border:1px solid var(--Primary-Color-200,#81b2ff);width:100%;height:49px;box-shadow:0 0 4px 0 var(--Primary-Color-300,#5396ff);border-radius:8px;padding:0 16px;font-size:14px}.signUp_input:focus{border-color:#0062f6;outline:none}.signup_Form{gap:20px;display:flex}.signup_Input{flex-direction:column;flex:1;gap:10px;display:flex}.signup_checkbox{align-items:center;gap:10px;display:flex}.signup_checkbox input{cursor:pointer;width:18px;height:18px}.signup_checkbox label{color:#333;font-size:14px}.signup_checkbox span{color:#0062f6;cursor:pointer;font-weight:500}.signup_checkbox span:hover{text-decoration:underline}.btn{flex-direction:column;gap:20px;margin-top:40px;display:flex}.signup_btn{color:#fff;cursor:pointer;background-color:#0062f6;border:none;border-radius:10px;width:100%;height:49px;padding:10px;font-size:18px;font-weight:600;transition:background-color .3s}.signup_btn:hover{background-color:#0051cc}.Already{justify-content:center;gap:5px;font-size:14px;display:flex}.Already span{color:#0062f6;cursor:pointer;font-weight:500}.Already span:hover{text-decoration:underline}@media (width<=1024px){.signUp_holder{width:98%}.signUp_left{display:none}.signUp_right{width:100%;padding:20px}.signUp_right h2{font-size:36px}.signuptext h1{font-size:36px}.signuptext p{font-size:20px}.logoholder img{width:150px;height:auto}}@media (width<=768px){.signUp_holder{flex-direction:column;width:95%;height:auto}.signUp_left{background:0 0;width:100%;height:auto;display:block;position:relative}.signUp_left>img,.signuptext{display:none}.logoholder{justify-content:center;width:100%;height:auto;padding:20px 0;display:flex}.logoholder img{width:130px;position:relative;top:auto;left:auto}.signUp_right{width:100%;padding:20px}.signUp_right h2{font-size:32px}.signup_Form{flex-direction:column;gap:15px}.signup_checkbox{align-items:flex-start;gap:8px}.signup_checkbox input{margin-top:2px}.signup_checkbox label{flex:1;font-size:13px;line-height:1.4}.signup_checkbox label span{white-space:nowrap}}@media (width<=576px){.signUp_container{height:auto;min-height:100vh;padding:20px 0}.signUp_holder{width:100%}.logoholder{padding:15px 0}.logoholder img{width:110px}.signUp_right{padding:20px 16px}.signUp_right h2{font-size:28px}.signUp_input{height:44px}.eye-icon-btn{font-size:16px;right:12px}.signup_btn{height:44px;font-size:16px}.btn{margin-top:30px}.signup_checkbox{align-items:center;gap:6px;display:flex}.signup_checkbox label{font-size:12px}.signup_checkbox label span{white-space:normal;display:inline-block}}@media (width<=375px){.logoholder{padding:10px 0}.logoholder img{width:100px}.signUp_right{padding:16px}.signUp_right h2{font-size:24px}.signUp_input{height:42px;font-size:13px}.signup_checkbox label{font-size:11px}.Already{font-size:13px}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login_container{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.login_holder{justify-content:space-between;width:90%;height:90%;display:flex}.login_left{flex-direction:column;width:50%;height:150%;display:flex;position:relative}.login_left img{object-fit:cover;border-radius:60px;width:100%;height:100%;position:absolute}.Login-logoholder{justify-content:space-between;width:90%;height:30%;display:flex}.Login-logoholder img{border-radius:2px;gap:10px;width:180px;height:49px;top:50.5px;left:46px}.login_text{z-index:1;flex-direction:column;gap:20px;width:80%;height:60%;display:flex;position:relative;top:50.5px;left:46px}.login_text h1{color:#03173c;font-family:Geist;font-size:48px;font-style:normal;font-weight:700;line-height:normal}.login_text p{color:var(--Primary-Color-800,#042869);font-family:Geist;font-size:24px;font-style:normal;font-weight:84;line-height:normal}.login_right{flex-direction:column;justify-content:center;gap:20px;width:45%;height:120%;padding:30px;display:flex}.login_right h2{color:#03173c;margin:0;font-size:45px}.label{color:#03173c;border-radius:4px;gap:10px;padding:14px 8px;font-weight:500;display:flex}.login_form{flex-direction:column;gap:10px;height:30%;display:flex}.login_input{box-sizing:border-box;border:1px solid #9da4ae;border:1px solid var(--Primary-Color-200,#81b2ff);width:100%;height:49px;box-shadow:0 0 4px 0 var(--Primary-Color-300,#5396ff);border-radius:8px;padding:0 16px;font-size:14px;transition:border-color .2s}.login_input:focus{border-color:#0062f6;outline:none}.password-field{width:100%;position:relative}.password-input{padding-right:45px!important}.eye-icon-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;font-size:18px;transition:color .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.eye-icon-btn:hover{color:#0062f6}.eye-icon-btn:focus{outline:none}.error-input,.error-input:focus{border-color:#dc2626!important}.error{color:#dc2626;margin-top:5px;font-size:12px;display:block}.login_radio_forget{justify-content:space-between;display:flex}.login_raidobox{gap:20px;display:flex}.forget{color:#0062f6;cursor:pointer;font-size:14px}.forget:hover{text-decoration:underline}.loginBtn{flex-direction:column;gap:20px;margin-top:40px;display:flex}.login_btn{color:#fff;cursor:pointer;background-color:#0062f6;border:none;border-radius:10px;width:100%;height:49px;padding:10px;font-size:18px;font-weight:600;transition:background-color .3s}.login_btn:hover{background-color:#0051cc}.Account{justify-content:center;gap:5px;font-size:14px;display:flex}.Account span{color:#0062f6;cursor:pointer;font-weight:500}.Account span:hover{text-decoration:underline}@media (width<=1024px){.login_holder{width:98%}.login_left{display:none}.login_right{width:100%;padding:20px}.login_right h2{font-size:36px}}@media (width<=768px){.login_container{height:auto;min-height:100vh;padding:20px 0}.login_holder{flex-direction:column;width:95%;height:auto;margin:0 auto}.login_left{display:none}.login_right{gap:15px;width:100%;padding:20px}.login_right h2{font-size:28px}.login_input{height:44px}.eye-icon-btn{font-size:16px;right:12px}.login_btn{height:44px;font-size:16px}.loginBtn{margin-top:30px}}@media (width<=480px){.login_right{padding:16px}.login_right h2{font-size:24px}.login_input{height:42px;font-size:13px}.forget,.Account{font-size:12px}.error{font-size:10px}}@media (width<=768px){.login_right:before{content:"";background-image:url(https://i.postimg.cc/PJgRQh50/logo.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:120px;height:40px;margin:0 auto 20px;display:block}}.verify_container{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.verify_holder{justify-content:space-between;width:90%;height:90%;display:flex}.verify_left{width:50%;height:150%;position:relative}.verify_left img{width:100%;height:100%;position:absolute}.Logo-verify_holder{width:90%;height:30%;display:flex}.Logo-verify_holder img{border-radius:2px;gap:10px;width:180px;height:49px;top:50.5px;left:46px}.verify_right{flex-direction:column;justify-content:center;align-items:center;gap:30px;width:45%;height:140%;padding:30px;display:flex}.verify_right h2{color:#03173c;justify-content:center;font-size:45px;display:flex}.verify_otp{flex-direction:column;justify-content:center;align-items:center;display:flex}.verify_otp label{color:#03173c;font-size:16px;line-height:1.5}.verify_otp .otp_span{justify-content:center;font-weight:700;display:flex}.verify_otp span{color:#0062f6}.verify_expire{flex-direction:column;gap:10px;display:flex}.verify_expire .verify_expire_btn{justify-content:center;gap:10px;display:flex}.verify_expire .verify_expire_btn input{text-align:center;background-color:#fff;border:2px solid #9da4ae;border-radius:10px;width:60px;height:60px;font-size:24px;font-weight:700;transition:all .3s}.verify_expire .verify_expire_btn input:focus{border-color:#0062f6;outline:none;box-shadow:0 0 0 3px #0062f61a}.verify_expire .verify_expire_btn input.error-input{border-color:red}.verify_expire .verify_expire_btn input:disabled{cursor:not-allowed;opacity:.6;background-color:#f5f5f5}.verify_expire .verify_code{color:#666;justify-content:center;margin-top:10px;font-size:14px;display:flex}.verify_expire .verify_code span{color:#0062f6;margin-left:5px;font-weight:700}.verify_expire .verify_code .expiring-soon{color:red;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.verifyBtn{flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-top:30px;display:flex}.verify_btn{color:#fff;cursor:pointer;background:var(--Primary-Color-500,#0062f6);border:none;border-radius:8px;justify-content:center;align-self:stretch;align-items:center;gap:10px;padding:14px 211px;font-size:20px;transition:opacity .3s;display:flex}.verify_btn:hover{opacity:.9}.verify_btn:disabled{opacity:.5;cursor:not-allowed}.verify_Account{color:#666;cursor:pointer;justify-content:center;font-size:14px;display:flex}.verify_Account span{color:#0062f6;cursor:pointer;margin-left:5px;font-weight:700;transition:opacity .3s}.verify_Account span:hover{opacity:.8;text-decoration:underline}@media (width<=1024px){.verify_holder{width:95%}.verify_left{display:none}.verify_right{width:100%}}@media (width<=768px){.verify_container{height:auto;min-height:100vh;padding:40px 0}.verify_holder{flex-direction:column;width:95%;height:auto}.verify_left{background:0 0;justify-content:center;align-items:center;width:100%;height:auto;display:flex;position:relative}.verify_left>img{display:none}.Login-verify_holder{justify-content:center;width:100%;height:auto;padding:20px 0;display:flex}.Login-verify_holder img{width:130px;height:auto;position:relative;top:auto;left:auto}.verify_right{gap:20px;width:100%;padding:20px}.verify_right h2{font-size:32px}.verify_expire_btn{gap:8px}.verify_expire_btn input{width:45px!important;height:45px!important;font-size:20px!important}.verify_btn{width:100%;font-size:16px}.verify_otp label{font-size:14px}}@media (width<=480px){.Login-verify_holder img{width:110px}.verify_expire_btn{gap:5px}.verify_expire_btn input{width:40px!important;height:40px!important;font-size:18px!important}.verify_right h2{font-size:28px}.verify_otp label{font-size:13px}.verify_btn{height:44px;font-size:14px}}@media (width<=375px){.Login-verify_holder img{width:100px}.verify_right h2{font-size:24px}.verify_right{padding:16px}.verify_expire_btn input{width:35px!important;height:35px!important;font-size:16px!important}}.forgetPassword_container{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.forgetPassword_holder{justify-content:space-between;width:90%;height:90%;display:flex}.forgetPassword_left{width:50%;height:150%;position:relative}.forgetPassword_left img{width:100%;height:100%;position:absolute}.Login-forgetPassword{width:90%;height:30%;display:flex}.Login-forgetPassword img{cursor:pointer;border-radius:2px;gap:10px;width:180px;height:49px;top:50.5px;left:46px}.forgetPassword_right{flex-direction:column;justify-content:center;gap:20px;width:45%;height:100%;padding:60px;display:flex}.forgetPassword_right h2{color:#03173c;font-size:45px}.forgetPassword_form{flex-direction:column;gap:10px;display:flex}.forgetPassword_input{box-sizing:border-box;border:1px solid #9da4ae;border:1px solid var(--Primary-Color-200,#81b2ff);width:100%;height:49px;box-shadow:0 0 4px 0 var(--Primary-Color-300,#5396ff);border-radius:8px;padding:10px}.forgetPasswordBtn{flex-direction:column;display:flex}.forgetPassword_btn{color:#fff;cursor:pointer;background-color:#0062f6;border:none;border-radius:10px;width:100%;height:49px;margin-top:40px;padding:10px;font-size:20px;transition:opacity .3s}.error-input{outline:none;border:1px solid red!important}.forgetPassword_btn:disabled{opacity:.6;cursor:not-allowed}.forgetPassword_input:focus{border-color:#0062f6;outline:none}.forgetPassword_input.error-input:focus{border-color:red}@media (width<=1024px){.forgetPassword_holder{width:98%}.forgetPassword_left{display:none}.forgetPassword_right{width:100%;padding:40px}.forgetPassword_right h2{font-size:36px}}@media (width<=768px){.forgetPassword_container{height:auto;min-height:100vh;padding:40px 0}.forgetPassword_holder{flex-direction:column;width:95%;height:auto}.forgetPassword_left{background:0 0;justify-content:center;align-items:center;width:100%;height:auto;min-height:auto;display:flex;position:relative}.forgetPassword_left>img{display:none}.Login-forgetPassword{justify-content:center;width:100%;height:auto;padding:20px 0;display:flex}.Login-forgetPassword img{width:130px;height:auto;position:relative;top:auto;left:auto}.forgetPassword_right{gap:15px;width:100%;padding:20px}.forgetPassword_right h2{font-size:28px}.forgetPassword_input{height:44px;font-size:14px}.forgetPassword_btn{height:44px;margin-top:30px;font-size:18px}}@media (width<=480px){.Login-forgetPassword img{width:110px}.forgetPassword_right{padding:20px 16px}.forgetPassword_right h2{font-size:24px}.forgetPassword_input{height:42px;padding:8px;font-size:13px}.forgetPassword_btn{height:42px;margin-top:25px;font-size:16px}}@media (width<=375px){.Login-forgetPassword img{width:100px}.forgetPassword_right{padding:16px}.forgetPassword_right h2{font-size:22px}}.inputCode_container{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.inputCode_holder{justify-content:space-between;width:90%;height:90%;display:flex}.inputCode_left{width:50%;height:150%;position:relative}.inputCode_left img{width:100%;height:100%;position:absolute}.logo-inputCode_holder{width:90%;height:30%;display:flex}.logo-inputCode_holder img{border-radius:2px;gap:10px;width:180px;height:49px;top:50.5px;left:46px}.inputCode_right{flex-direction:column;justify-content:center;gap:30px;width:45%;height:130%;padding:30px;display:flex}.inputCode_right h2{color:#03173c;justify-content:center;font-size:45px;display:flex}.inputCode_otp{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-top:35px;display:flex}.inputCode_otp label{color:#03173c;text-align:center;font-size:16px;line-height:1.5}.inputCode_otp .otp_span{justify-content:center;font-weight:700;display:flex}.inputCode_otp span{color:#0062f6}.inputCode_expire{flex-direction:column;gap:10px;display:flex}.inputCode_expire .inputCode_expire_btn{justify-content:center;gap:10px;display:flex}.inputCode_expire .inputCode_expire_btn input{text-align:center;background-color:#fff;border:2px solid #9da4ae;border-radius:10px;width:60px;height:60px;font-size:24px;font-weight:700;transition:all .3s}.inputCode_expire .inputCode_expire_btn input:focus{border-color:#0062f6;outline:none;box-shadow:0 0 0 3px #0062f61a}.inputCode_expire .inputCode_expire_btn input.error-input{border-color:red}.inputCode_expire .inputCode_expire_btn input:disabled{cursor:not-allowed;opacity:.6;background-color:#f5f5f5}.inputCode_expire .inputCode_code{color:#666;justify-content:center;margin-top:10px;font-size:14px;display:flex}.inputCode_expire .inputCode_code span{color:#0062f6;margin-left:5px;font-weight:700}.inputCode_expire .inputCode_code .expiring-soon{color:red;animation:1s infinite pulse}.error-message{color:red;text-align:center;background-color:#ffe6e6;border-radius:5px;margin-top:10px;padding:8px;font-size:14px}.resend-btn{color:#0062f6;cursor:pointer;background:0 0;border:none;margin-top:10px;padding:8px;font-size:14px;text-decoration:underline;transition:opacity .3s}.resend-btn:hover{opacity:.8}.resend-btn:disabled{opacity:.5;cursor:not-allowed}.inputCodeBtn{flex-direction:column;align-items:center;gap:20px;margin-top:40px;display:flex}.inputCode_btn{color:#fff;cursor:pointer;background-color:#0062f6;border:none;border-radius:10px;width:80%;height:49px;padding:10px;font-size:20px;transition:opacity .3s}.inputCode_btn:hover{opacity:.9}.inputCode_btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=1024px){.inputCode_holder{width:95%}.inputCode_left{display:none}.inputCode_right{width:100%}}@media (width<=768px){.inputCode_container{height:auto;min-height:100vh;padding:40px 0}.inputCode_holder{flex-direction:column;width:95%;height:auto}.inputCode_left{background:0 0;justify-content:center;align-items:center;width:100%;height:auto;display:flex;position:relative}.inputCode_left>img{display:none}.logo-inputCode_holder{justify-content:center;width:100%;height:auto;padding:20px 0;display:flex}.logo-inputCode_holder img{width:130px;height:auto;position:relative;top:auto;left:auto}.inputCode_right{gap:20px;width:100%;padding:20px}.inputCode_right h2{font-size:32px}.inputCode_expire_btn{gap:8px}.inputCode_expire_btn input{width:45px!important;height:45px!important;font-size:20px!important}.inputCode_btn{width:100%;font-size:16px}.inputCode_otp label{font-size:14px}}@media (width<=480px){.logo-inputCode_holder img{width:110px}.inputCode_expire_btn{gap:5px}.inputCode_expire_btn input{width:40px!important;height:40px!important;font-size:18px!important}.inputCode_right h2{font-size:28px}.inputCode_otp label{font-size:13px}.inputCode_btn{height:44px;font-size:14px}}@media (width<=375px){.logo-inputCode_holder img{width:100px}.inputCode_right h2{font-size:24px}.inputCode_right{padding:16px}.inputCode_expire_btn input{width:35px!important;height:35px!important;font-size:16px!important}}.geist-content{font-optical-sizing:auto;font-family:Geist,sans-serif}.RestPassword_container{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.RestPassword_holder{justify-content:space-between;width:90%;height:90%;display:flex}.RestPassword_left{width:50%;height:150%;position:relative}.RestPassword_left img{width:100%;height:100%;position:absolute}.RestPassword_logo{width:90%;height:30%;display:flex}.RestPassword_logo img{cursor:pointer;border-radius:2px;gap:10px;width:180px;height:49px;top:50.5px;left:46px}.RestPassword_right{flex-direction:column;justify-content:center;gap:20px;width:45%;height:130%;padding:30px;display:flex}.RestPassword_right h2{color:#03173c;font-size:45px}label{color:#03173c}.RestPassword_form{flex-direction:column;gap:10px;display:flex}.password-input-wrapper{width:100%;position:relative}.RestPassword_input{box-sizing:border-box;border:1px solid #9da4ae;border:1px solid var(--Primary-Color-200,#81b2ff);width:100%;height:49px;box-shadow:0 0 4px 0 var(--Primary-Color-300,#5396ff);border-radius:8px;padding:10px 45px 10px 10px;font-size:16px}.RestPassword_input:focus{border-color:#0062f6;outline:none}.eye-icon{cursor:pointer;color:#9da4ae;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .3s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.eye-icon:hover{color:#0062f6}.eye-icon:focus{outline:none}.error-input{border:1px solid red!important}.error-input:focus{border-color:red!important}.error-message{color:red;margin-top:5px;margin-bottom:5px;font-size:12px}.RestPasswordBtn{flex-direction:column;gap:20px;margin-top:40px;display:flex}.RestPassword_btn{color:#fff;cursor:pointer;background-color:#0062f6;border:none;border-radius:10px;width:100%;height:49px;padding:10px;font-size:20px;transition:opacity .3s}.RestPassword_btn:hover{opacity:.9}@media (width<=768px){.RestPassword_holder{flex-direction:column;height:auto}.RestPassword_left{width:100%;height:200px}.RestPassword_right{width:100%;padding:20px}.RestPassword_right h2{font-size:32px}}.Attendanceoverlay{z-index:999;background:#0f172a4d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.Attendancecard{text-align:center;background:#fff;border-radius:40px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:420px;height:382px;display:flex;box-shadow:0 10px 25px #0000001f}.Attendanceavatar{background:#f3f4f6;border-radius:100px;width:122px;height:112px}.Attendancecard nav{width:166px;height:57px;font-family:Nunito;font-weight:500px;font-style:Medium;leading-trim:NONE;letter-spacing:0%;text-align:center;color:#03173c;flex-direction:column;gap:2px;font-size:24px;line-height:100%;display:flex}.Attendancecard span{font-family:Nunito;font-weight:400px;font-style:Regular;leading-trim:NONE;letter-spacing:0%;color:#03173c;font-size:16px;line-height:100%}.Attendanceactions{justify-content:space-between;width:340px;height:69px;display:flex}.Attendanceactions button{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;width:67px;height:69px;display:flex}.Attendanceactions button .Attendanceactions button span{font-family:Nunito;font-weight:400px;font-style:Regular;leading-trim:NONE;letter-spacing:0%;text-align:center;color:#042869;font-size:18px;line-height:100%}.AttendanceattendanceSuccess{width:160px;height:160px}.attendanceSuccessText{font-family:Nunito;font-weight:600px;font-style:SemiBold;leading-trim:NONE;letter-spacing:0%;text-align:center;color:#03173c;font-size:24px;line-height:100%}.myClassPage{background:#f9fafb;flex-direction:column;gap:24px;width:100%;display:flex}.myClasstopHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.myClasstopHeaderText{color:#0f172a;flex-direction:column;gap:8px;font-family:Nunito;font-size:28px;font-weight:700;display:flex}.myClasstopHeaderText span{color:#042869;font-family:Nunito;font-size:15px;font-weight:400}.myClassmarkBtn{color:#fff;cursor:pointer;white-space:nowrap;background:#0062f6;border:none;border-radius:8px;padding:12px 24px;font-family:Nunito;font-size:14px;font-weight:600;transition:background .2s}.myClassmarkBtn:hover{background:#0052d0}.myClassCTClassCards{grid-template-columns:repeat(4,1fr);gap:20px;width:100%;display:grid}.myClassTotalStudents,.myClassTotalFemale,.myClassTotalMale,.myClassTotalPresent{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:18px 20px;transition:transform .2s,box-shadow .2s;display:flex}.myClassTotalStudents{border-left:4px solid #0062f6}.myClassTotalFemale{border-left:4px solid #8b5cf6}.myClassTotalMale{border-left:4px solid #f59e0b}.myClassTotalPresent{border-left:4px solid #43b75d}.myClassCTClasstext{color:#6c737f;flex-direction:column;gap:8px;font-family:Nunito;font-size:14px;font-weight:500;display:flex}.myClassCTtextnum{color:#03173c;font-family:Nunito;font-size:28px;font-weight:700}.myClassCTImageHolder1{background:#eaf2ff;border-radius:16px;justify-content:center;align-items:center;width:55px;height:55px;display:flex}.myClassCTImg{object-fit:contain;width:28px;height:28px}.myClassfilterBar{background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px 20px;display:flex}.myClassfilterBarLabel{color:#03173c;flex-direction:column;gap:8px;font-family:Nunito;font-size:14px;font-weight:500;display:flex}.myClassCTSelectHolder{background:#fff;border:1px solid #d2d6db;border-radius:8px;align-items:center;width:200px;height:42px;padding:0 12px;display:flex}.myClassCTClassSelect{cursor:pointer;background:0 0;border:none;outline:none;width:100%;height:100%;font-family:Nunito;font-size:14px}.myClassresetBtn{cursor:pointer;color:#042869;background:0 0;border:2px solid #0062f6;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:Nunito;font-size:14px;font-weight:500;transition:background .2s;display:flex}.myClassresetBtn:hover{background:#f0f7ff}.tableCard{background:#fff;border-radius:12px;padding:20px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:600px}th{text-align:left;color:#03173c;border-bottom:1px solid #e5e7eb;padding:14px 12px;font-family:Nunito;font-size:14px;font-weight:600}td{color:#042869;border-bottom:1px solid #f1f1f1;padding:14px 12px;font-family:Nunito;font-size:14px;font-weight:400}.badge{border-radius:20px;padding:5px 12px;font-family:Nunito;font-size:12px;font-weight:500;display:inline-block}.badge.present{color:#096;background:#eafdf1}.badge.absent{color:#ee443f;background:#fdecec}.fee{border-radius:20px;padding:5px 12px;font-family:Nunito;font-size:12px;font-weight:500;display:inline-block}.fullpayment{color:#096;background:#eafdf1}.partpayment{color:#ea580c;background:#fff3e6}.unpaid{color:#ee443f;background:#fdecec}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}@media screen and (width<=1024px){.myClassCTClassCards{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=768px){.myClassPage{gap:20px}.myClasstopHeader{flex-direction:column;align-items:flex-start}.myClassmarkBtn{white-space:normal;width:100%}.myClassCTClassCards{grid-template-columns:1fr;gap:12px}.myClassTotalStudents,.myClassTotalFemale,.myClassTotalMale,.myClassTotalPresent{padding:16px}.myClassfilterBar{flex-direction:column;align-items:flex-start}.myClassCTSelectHolder{width:100%}.myClassresetBtn{justify-content:center;width:100%}.tableCard{padding:16px}.pagination{flex-direction:column;align-items:center}.pages{justify-content:center}.CTPageTypeHolder{justify-content:center;width:100%}}@media screen and (width<=480px){.myClassPage{gap:16px}.myClasstopHeaderText{font-size:22px}.myClasstopHeaderText span{font-size:13px}.myClassCTtextnum{font-size:24px}.myClassCTClasstext{font-size:13px}.myClassCTImageHolder1{width:48px;height:48px}.myClassCTImg{width:24px;height:24px}th,td{padding:10px 8px;font-size:12px}.badge,.fee{padding:4px 8px;font-size:10px}.pages button{width:32px;height:32px;font-size:12px}.CTPageTypeHolder{font-size:12px}}.CTScoreContainer{background:#f5f7fb;justify-content:center;align-items:center;width:100%;min-height:auto;margin:0;padding:0;display:flex}.CTScoreWrapper{flex-direction:column;gap:24px;width:100%;display:flex}.CTScoreHead{width:100%;letter-spacing:0%;color:#0f172a;flex-direction:column;justify-content:center;gap:8px;font-family:Nunito;font-size:28px;font-weight:700;line-height:100%;display:flex}.CTScoreHead span{letter-spacing:0%;color:#6c737f;font-family:Nunito;font-size:16px;font-weight:400;line-height:100%}.CTSubjectsHolder{align-items:center;gap:16px;width:100%;padding-bottom:8px;display:flex;overflow-x:auto}.CTSubjectsHolder::-webkit-scrollbar{height:4px}.CTSubjectsHolder::-webkit-scrollbar-track{background:#e5e7eb;border-radius:10px}.CTSubjectsHolder::-webkit-scrollbar-thumb{background:#0062f6;border-radius:10px}.CTSubjects{width:180px;letter-spacing:0%;color:#03173c;cursor:pointer;background:#fff;border:2px solid #d2d6db;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;gap:8px;padding:16px;font-family:Nunito;font-size:16px;font-weight:500;line-height:100%;transition:all .2s;display:flex}.CTSubjects:hover{background:#f8fafd;border-color:#0062f6}.CTSubjects span{letter-spacing:0%;color:#03173c;font-family:Nunito;font-size:20px;font-weight:700;line-height:100%}.CTScoreTable{background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:0 8px 24px #959da533}.CTSubjectSave{width:100%;letter-spacing:0%;color:#03173c;background:0 0;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-family:Nunito;font-size:20px;font-weight:700;line-height:100%;display:flex}.CTSaveBtn{color:#fff;text-align:center;cursor:pointer;background:#0062f6;border:none;border-radius:10px;padding:12px 24px;font-family:Nunito;font-size:15px;font-weight:500;line-height:100%;transition:background .2s}.CTSaveBtn:hover{background:#0052d0}.CTActualTable{background:0 0;border-radius:0;flex-direction:column;width:100%;display:flex;overflow-x:auto}.CTActualTableTop{background:#e5e7eb;justify-content:space-between;align-items:center;gap:16px;width:100%;min-width:700px;padding:16px 20px;display:flex}.CTTableContentValue{letter-spacing:0%;color:#03173c;flex:2;font-family:Nunito;font-size:18px;font-weight:500;line-height:100%}.CTTableContentScore{width:170px;letter-spacing:0%;text-align:center;color:#03173c;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-family:Nunito;font-size:15px;font-weight:600;line-height:100%;display:flex}.CTTableContentScore span{color:#6c737f;font-family:Nunito;font-size:12px;font-weight:500}.CTActualTableInfo{border-bottom:1px solid #f2f5fb;justify-content:space-between;align-items:center;gap:16px;width:100%;min-width:700px;padding:14px 20px;display:flex}.CTTableValueName{letter-spacing:0%;color:#042869;flex:2;font-family:Nunito;font-size:16px;font-weight:400;line-height:100%}.CTCA1Holder{justify-content:center;align-items:center;width:170px;display:flex}.CTCA1{text-align:center;width:70px;height:42px;letter-spacing:0%;background:0 0;border:1px solid #d2d6db;border-radius:8px;outline:none;font-family:Nunito;font-size:15px;font-weight:500;line-height:100%;transition:border .2s}.CTCA1:focus{border-color:#0062f6}.CTScoreCaution{width:100%;height:12vh;letter-spacing:0%;color:#0095ff;background:#e6f4ff;border:1px solid #0095ff;border-radius:12px;align-items:center;gap:12px;margin-top:8px;font-family:Nunito;font-size:14px;font-weight:500;line-height:100%;display:flex}.CTScoreCaution svg{flex-shrink:0;font-size:20px}@media screen and (width<=1024px){.CTSubjects{width:160px;padding:14px}.CTSubjects span{font-size:18px}.CTSubjectSave{padding:16px 20px;font-size:18px}}@media screen and (width<=768px){.CTScoreWrapper{gap:20px}.CTScoreHead{font-size:24px}.CTScoreHead span{font-size:14px}.CTSubjectsHolder{gap:12px}.CTSubjects{width:140px;padding:12px}.CTSubjects span{font-size:16px}.CTSubjectSave{flex-direction:column;align-items:flex-start;padding:16px;font-size:16px}.CTSaveBtn{width:100%;padding:10px}.CTActualTable{overflow-x:auto}.CTActualTableTop,.CTActualTableInfo{min-width:650px;padding:12px 16px}.CTTableContentValue,.CTTableValueName{font-size:13px}.CTTableContentScore{width:100px;font-size:13px}.CTCA1Holder{width:100px}.CTCA1{width:60px;height:38px;font-size:13px}.pagination{flex-direction:column;align-items:center;padding:16px}.pages{justify-content:center}.pages button,.pages span{width:30px;height:30px;font-size:13px}.CTPageTypeHolder{font-size:13px}.CTScoreCaution{padding:12px 16px;font-size:12px}}@media screen and (width<=480px){.CTScoreHead{font-size:20px}.CTScoreHead span{font-size:12px}.CTSubjects{width:120px;padding:10px;font-size:13px}.CTSubjects span{font-size:14px}.CTSubjectSave{font-size:15px}.CTSaveBtn{font-size:13px}.CTScoreCaution{padding:10px 14px;font-size:11px}.CTScoreCaution svg{font-size:16px}}.CTreportContainer{background:#f5f7fb;justify-content:center;align-items:center;width:100%;min-height:auto;margin:0;padding:0;display:flex}.CTreportWrapper{flex-direction:column;gap:24px;width:100%;display:flex}.CTSReportHead{width:100%;letter-spacing:0%;color:#0f172a;flex-direction:column;justify-content:center;gap:8px;font-family:Nunito;font-size:28px;font-weight:700;line-height:100%;display:flex}.CTSReportHead span{letter-spacing:0%;color:#6c737f;font-family:Nunito;font-size:16px;font-weight:400;line-height:100%}.classSectionHolder{background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:20px;display:flex;box-shadow:0 4px 12px #959da51a}.classSection{flex-wrap:wrap;flex:1;align-items:flex-end;gap:20px;display:flex}.classSectionInput{min-width:140px;letter-spacing:0%;color:#042869;flex-direction:column;flex:1;justify-content:center;gap:8px;font-family:Nunito;font-size:14px;font-weight:500;line-height:100%;display:flex}.SectionInputHolder{background:#fff;border:1px solid #d2d6db;border-radius:8px;justify-content:center;align-items:center;width:100%;height:44px;display:flex}.SelectSectionInput{width:90%;height:100%;letter-spacing:0%;color:#042869;cursor:pointer;background:0 0;border:none;outline:none;font-family:Nunito;font-size:14px;font-weight:500;line-height:100%}.resetBtnRecord{cursor:pointer;width:auto;min-width:97px;height:44px;letter-spacing:0%;color:#042869;background:0 0;border:2px solid #0062f6;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-family:Nunito;font-size:14px;font-weight:500;line-height:24px;transition:all .2s;display:flex}.resetBtnRecord:hover{background:#f0f7ff}.CTActualTable2{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;width:100%;display:flex;overflow-x:auto}.CTActualTableTop2{background:#e5e7eb;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;gap:16px;width:100%;min-width:700px;padding:16px 20px;display:flex}.CTActualTableTop2 input{cursor:pointer;width:40px;height:18px;margin:0}.CTTableContentValue2{letter-spacing:0%;color:#03173c;text-align:center;flex:1;justify-content:center;align-items:center;font-family:Nunito;font-size:15px;font-weight:600;line-height:100%;display:flex}.CTActualTableInfo2{background:0 0;border-bottom:1px solid #f2f5fb;justify-content:space-between;align-items:center;gap:16px;width:100%;min-width:700px;padding:14px 20px;display:flex}.CTActualTableInfo2 input{cursor:pointer;width:40px;height:18px;margin:0}.CTTableValueName2{letter-spacing:0%;color:#042869;text-align:center;flex:1;justify-content:center;align-items:center;font-family:Nunito;font-size:14px;font-weight:500;line-height:100%;display:flex}.LinkToST{flex:1;justify-content:center;align-items:center;text-decoration:none;display:flex}.CTTableValueAction{color:#0062f6;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-family:Nunito;font-size:18px;font-weight:700;transition:all .2s;display:flex}.CTTableValueAction:hover{background:#f0f7ff;border-color:#0062f6}.pagination{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:20px;display:flex}.pagination span{color:#6c737f;font-family:Nunito;font-size:14px;font-weight:400}.pages{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pages button{cursor:pointer;color:#042869;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:34px;height:34px;font-family:Nunito;font-size:14px;font-weight:500;transition:all .2s}.pages button:hover{background:#f3f4f6;border-color:#0062f6}.pages button.active{color:#fff;background:#0062f6;border-color:#0062f6}.pages span{justify-content:center;align-items:center;width:34px;height:34px;display:flex}.CTPageTypeHolder{color:#6c737f;align-items:center;gap:10px;font-family:Nunito;font-size:14px;font-weight:400;display:flex}.CTPageTypeWrapper{background:#fff;border:1px solid #d2d6db;border-radius:6px;justify-content:center;align-items:center;width:56px;height:34px;display:flex}.CTPageType{text-align:center;cursor:pointer;background:0 0;border:none;outline:none;width:100%;height:100%;font-family:Nunito;font-size:14px}@media screen and (width<=1024px){.CTSReportHead{font-size:26px}.CTSReportHead span{font-size:15px}.classSectionHolder{flex-direction:column;align-items:stretch}.classSection{width:100%}.classSectionInput{min-width:120px}}@media screen and (width<=768px){.CTreportWrapper{gap:20px}.CTSReportHead{font-size:24px}.CTSReportHead span{font-size:14px}.classSectionHolder{padding:16px}.classSection{flex-direction:column;gap:12px;width:100%}.classSectionInput{width:100%;min-width:auto}.resetBtnRecord{width:100%}.CTActualTable2{overflow-x:auto}.CTActualTableTop2,.CTActualTableInfo2{min-width:650px;padding:12px 16px}.CTTableContentValue2,.CTTableValueName2{font-size:13px}.CTTableValueAction{width:35px;height:35px;font-size:16px}.pagination{flex-direction:column;align-items:center;padding:16px}.pages{justify-content:center}.pages button,.pages span{width:30px;height:30px;font-size:13px}.CTPageTypeHolder{font-size:13px}}@media screen and (width<=480px){.CTSReportHead{font-size:20px}.CTSReportHead span{font-size:13px}.classSectionHolder{padding:14px}.classSectionInput{font-size:13px}.SectionInputHolder{height:40px}.SelectSectionInput{font-size:13px}.resetBtnRecord{height:40px;font-size:13px}.CTTableContentValue2,.CTTableValueName2{font-size:12px}.CTTableValueAction{width:30px;height:30px;font-size:14px}}.dashboard-page{background-color:#f5f7fb;min-height:100vh;padding:40px 20px}.dashboard-container{max-width:1200px;margin:0 auto}.greeting{font-family:Nunito;font-weight:700;font-style:Bold;letter-spacing:0%;color:#0f172a;margin-bottom:10px;font-size:32px;line-height:100%}.subtitle{font-family:Nunito;font-weight:400;font-style:Regular;letter-spacing:0%;color:#042869;font-size:18px;line-height:100%}.student-card{background-color:#fff;border-left:3px solid #0062f6;border-radius:12px;margin-bottom:32px;padding:24px;display:flex;box-shadow:0 1px 3px #00000014}.student-card-left{align-items:center;margin-right:24px;display:flex}.student-icon{color:#0062f6;background-color:#eaf2ff;border-radius:10px;justify-content:center;align-items:center;width:60px;height:60px;font-size:20px;display:flex}.student-card-content{flex:1}.student-name{font-family:Nunito;font-weight:700;font-style:Bold;letter-spacing:0%;color:#042869;margin-bottom:16px;font-size:24px;line-height:100%}.student-info-grid{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.info-item{flex-direction:column;display:flex}.info-label{color:#042869;font-family:Nunito;font-weight:400;font-style:Regular;letter-spacing:0%;margin-bottom:10px;font-size:18px;line-height:100%}.info-value{font-family:Nunito;font-weight:700;font-style:Bold;letter-spacing:0%;color:#042869;font-size:16px;line-height:100%}.badge-present{color:#096;background-color:#eafdf1;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.content-grid{gap:24px;width:100%;margin-bottom:40px;display:flex}.parentcard1{border:1px solid var(--Neutral-Color-300,#e5e7eb);background:#fff;border-radius:10px;flex-direction:column;align-self:stretch;align-items:flex-start;width:620px;display:flex}.parentcard2{border-bottom:1px solid var(--Neutral-Color-300,#e5e7eb);border:1px solid var(--Neutral-Color-300,#e5e7eb);background:#fff;border-radius:10px;flex-direction:column;align-self:stretch;gap:10px;padding:21px 0 18px;display:flex}.parentcard-title{letter-spacing:0%;color:#03173c;margin-bottom:20px;margin-left:20px;font-family:Nunito;font-size:22px;font-weight:600;line-height:100%}.card-title{letter-spacing:0%;color:#03173c;margin-bottom:20px;padding:20px;font-family:Nunito;font-size:22px;font-weight:600;line-height:100%}.table-wrapper{overflow-x:auto}.payment-table{border-collapse:collapse;table-layout:fixed}.payment-table thead{background:var(--Neutral-Color-300,#e5e7eb);border-bottom:1px solid #e5e7eb}.payment-table th{text-align:left;text-transform:capitalize;letter-spacing:0%;color:#03173c;padding:8px 17px;font-size:14px;font-weight:500;line-height:100%}.payment-table tbody tr{border-bottom:1px solid #e5e7eb}.payment-table tbody tr:last-child{border-bottom:none}.payment-table td{color:#042869;letter-spacing:0%;white-space:nowrap;padding:12px 8px;font-family:Nunito;font-size:13px;font-weight:400;line-height:100%}.status-badge{white-space:nowrap;border-radius:10px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.payment-table th:first-child,.payment-table td:first-child,.payment-table th:nth-child(2),.payment-table td:nth-child(2){width:25%}.payment-table th:nth-child(3),.payment-table td:nth-child(3){width:20%}.payment-table th:nth-child(4),.payment-table td:nth-child(4){width:30%}.attendance-content{border-top:1px solid var(--Neutral-Color-300,#e5e7eb);flex-direction:column;align-items:center;gap:24px;display:flex}.circular-chart-container{width:230px;height:230px;position:relative}.circular-chart{width:100%;height:100%;transform:rotate(-90deg)}.progress-background{fill:none;stroke:#e5e7eb;stroke-width:8px}.progress-fill{fill:none;stroke:#faa200;stroke-width:8px;stroke-linecap:round;transition:stroke-dasharray .3s}.chart-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chart-percentage{letter-spacing:0%;color:#03173c;margin-bottom:4px;font-size:32px;font-weight:700;line-height:100%}.chart-label{letter-spacing:0%;color:#03173c;font-size:14px;line-height:100%}.legend{justify-content:center;gap:24px;display:flex}.legend-item{color:#4b5563;align-items:center;gap:8px;font-size:14px;display:flex}.legend-color{border-radius:2px;width:12px;height:12px}.legend-color.present{background-color:#f59e0b}.legend-color.absent{background-color:#e5e7eb}.legend-label{font-weight:500}@media (width<=1023px){.dashboard-page{padding:30px 20px}.greeting{font-size:28px}.subtitle{font-size:16px}.student-card{padding:20px}.student-name{font-size:22px}.student-info-grid{gap:20px}.info-label{font-size:16px}.info-value{font-size:15px}.content-grid{gap:20px}}@media (width<=767px){.dashboard-page{padding:20px 16px}.greeting{margin-bottom:8px;font-size:24px}.subtitle{font-size:14px}.student-card{flex-direction:column;padding:20px}.student-card-left{margin-bottom:16px}.student-icon{width:70px;height:70px;font-size:28px}.student-name{margin-bottom:16px;font-size:20px}.student-info-grid{grid-template-columns:repeat(2,1fr);gap:16px}.info-label{margin-bottom:6px;font-size:13px}.info-value{font-size:14px}.badge-present{width:fit-content;padding:3px 10px;font-size:12px;display:inline-block}.content-grid{flex-direction:column;gap:20px}.parentcard1{width:100%;padding:18px}.parentcard2{width:100%}.payment-table thead{display:none}.payment-table{table-layout:auto}.payment-table tbody tr{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;padding:16px;display:grid;box-shadow:0 1px 2px #0000000d}.payment-table td{border:none;flex-direction:column;padding:0;display:flex}.payment-table td:before{content:attr(data-label);color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-family:Nunito;font-size:10px;font-weight:600}.payment-table td:first-child{white-space:nowrap;grid-column:1/2;font-size:11px;overflow:visible}.payment-table td:nth-child(2){white-space:nowrap;grid-column:2/3;font-size:11px;overflow:visible}.payment-table td:nth-child(3){color:#03173c;white-space:nowrap;grid-column:1/2;font-size:14px;font-weight:700}.payment-table td:nth-child(4){grid-column:2/3}.payment-table td .status-badge{white-space:nowrap;align-self:flex-start;display:inline-block}.status-badge{white-space:nowrap;font-size:10px}}@media (width<=479px){.dashboard-page{padding:16px 12px}.greeting{font-size:20px}.subtitle{font-size:13px}.student-card{margin-bottom:20px;padding:16px}.student-card-left{margin-bottom:12px}.student-icon{width:60px;height:60px;font-size:24px}.student-name{margin-bottom:14px;font-size:18px}.student-info-grid{gap:12px}.parentcard1{width:100%;padding:16px}.payment-table tbody tr{gap:8px;padding:12px}.payment-table td:before{margin-bottom:3px;font-size:9px}.payment-table td:first-child,.payment-table td:nth-child(2){white-space:nowrap;font-size:10px}.payment-table td:nth-child(3){white-space:nowrap;font-size:13px}.status-badge{padding:3px 6px;font-size:9px}}@media (width<=359px){.dashboard-page{padding:12px 10px}.greeting{font-size:18px}.subtitle{font-size:12px}.student-card{padding:14px}.student-icon{width:50px;height:50px;font-size:20px}.student-name{font-size:16px}.student-info-grid{gap:10px}.info-label{font-size:11px}.info-value{font-size:12px}.parentcard1{padding:14px}.card-title{font-size:15px}.payment-table tbody tr{gap:6px;padding:10px}.payment-table td:first-child,.payment-table td:nth-child(2){white-space:nowrap;font-size:9px}.payment-table td:nth-child(3){font-size:12px}.payment-table td:before{font-size:8px}.status-badge{padding:2px 4px;font-size:8px}}.payment-page{background-color:#f5f7fb;min-height:100vh;padding:20px}.payment-header{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.payment-header h1{font-family:Nunito;font-weight:700;font-style:Bold;letter-spacing:0%;color:#0f172a;margin:0 0 8px;font-size:24px;line-height:120%}.payment-header p{font-family:Nunito;font-weight:400;font-style:Regular;letter-spacing:0%;color:#042869;margin:0;font-size:14px;line-height:140%}.payment-container{grid-template-columns:1fr;gap:24px;max-width:1400px;margin:0 auto;display:grid}.payment-left{flex-direction:column;gap:20px;display:flex}.payment-section{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #00000014}.payment-section h2{font-weight:600;font-style:SemiBold;letter-spacing:0%;color:#03173c;margin:0 0 8px;font-size:20px;line-height:120%}.payment-section p{font-weight:400;font-style:Regular;letter-spacing:0%;color:#9da4ae;margin:0 0 16px;font-size:14px;line-height:140%}.items-list{flex-direction:column;gap:12px;display:flex}.payment-item{cursor:pointer;border-radius:6px;align-items:flex-start;gap:12px;padding:12px;transition:background-color .2s;display:flex}.payment-item:hover{background-color:#e5e7eb}.checkbox-input{cursor:pointer;accent-color:#0052cc;border-radius:4px;width:18px;min-width:18px;height:18px;margin-top:2px}.item-label{cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.item-info{flex-direction:column;flex:1;gap:4px;display:flex}.item-name{color:#1a1a1a;font-size:14px;font-weight:500}.item-term{color:#999;font-size:12px}.item-amount{color:#1a1a1a;white-space:nowrap;font-size:14px;font-weight:500}.payment-type-options{flex-direction:column;gap:12px;display:flex}.radio-option{cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:16px;width:100%;padding:12px 16px;transition:all .2s;display:flex}.radio-option:hover{background-color:#f8f9ff;border-color:#0052cc}.radio-input{cursor:pointer;accent-color:#0052cc;width:18px;min-width:18px;height:18px}.radio-input:checked+.radio-label{color:#0052cc}.radio-option:has(.radio-input:checked){background-color:#f8f9ff;border-color:#0052cc}.radio-label{cursor:pointer;flex-direction:column;gap:4px;width:100%;display:flex}.radio-title{color:#1a1a1a;font-size:14px;font-weight:500}.radio-description{color:#999;font-size:12px}.payment-right{flex-direction:column;height:100vh;display:flex}.order-summary{background-color:#fff;border-radius:8px;flex-direction:column;height:100%;padding:20px;display:flex;position:relative;top:0;box-shadow:0 1px 3px #00000014}.order-summary h2{color:var(--Primary-Color-900,#03173c);margin:0 0 8px;font-family:Nunito;font-size:22px;font-style:normal;font-weight:600}.section-subtitle{color:#9da4ae;font-family:Nunito;font-size:16px;font-style:normal;font-weight:400}.summary-content{flex-direction:column;gap:20px;display:flex}.summary-items{flex-direction:column;gap:12px;display:flex}.summary-item{color:#5a5a5a;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex}.summary-item.total{color:#1a1a1a;border-top:1px solid #f0f0f0;padding:14px 0;font-size:15px;font-weight:600}.summary-item-name{color:#5a5a5a;flex:1;font-size:13px}.summary-item-amount{color:#1a1a1a;white-space:nowrap;font-size:13px;font-weight:500}.summary-item.total .summary-item-amount{font-weight:600}.summary-divider{background-color:#e0e0e0;height:1px;margin:8px 0}.summary-details{border-top:1px solid #f0f0f0;flex-direction:column;gap:12px;padding:12px 0;display:flex}.detail-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.detail-label{color:#5a5a5a;font-size:13px;font-weight:500}.detail-value{color:#1a1a1a;white-space:nowrap;font-size:13px;font-weight:500}.proceed-button{color:#fff;cursor:pointer;width:100%;font-weight:400;font-style:Regular;letter-spacing:0%;text-align:center;vertical-align:middle;background-color:#0062f6;border:none;border-radius:8px;margin-top:8px;padding:12px 20px;font-size:15px;line-height:22px;transition:background-color .2s}.proceed-button:hover{background-color:#0043a8}.proceed-button:active{background-color:#039}@media (width>=768px){.payment-page{padding:28px}.payment-header{margin-bottom:28px}.payment-header h1{font-size:28px}.payment-header p{font-size:16px}.payment-container{gap:28px}.payment-section{padding:22px}.payment-section h2{font-size:21px}.payment-section p{font-size:15px}.item-name,.item-amount{font-size:14px}.item-term{font-size:12px}.radio-title{font-size:14px}.radio-description{font-size:12px}.order-summary{padding:22px;position:sticky;top:20px}}@media (width>=1024px){.payment-page{padding:32px}.payment-header{margin-bottom:32px}.payment-header h1{font-size:32px}.payment-header p{font-size:18px}.payment-container{grid-template-columns:1fr 1fr;gap:32px}.payment-left{gap:24px}.payment-section{padding:24px}.payment-section h2{font-size:22px}.payment-section p{margin-bottom:20px;font-size:16px}.items-list{gap:16px}.payment-item{padding:12px}.checkbox-input{width:20px;min-width:20px;height:20px}.item-label{flex-wrap:nowrap}.item-name{font-size:15px}.item-term{font-size:13px}.item-amount{font-size:15px}.payment-type-options{gap:12px}.radio-option{width:auto;padding:12px 16px}.radio-input{width:20px;min-width:20px;height:20px}.radio-title{font-size:15px}.radio-description{font-size:13px}.order-summary{padding:24px;position:sticky;top:32px}.summary-content{gap:24px}.summary-item{padding:12px 0;font-size:14px}.summary-item-name,.summary-item-amount{font-size:14px}.summary-details{gap:16px;padding:16px 0}.detail-label,.detail-value{font-size:14px}.proceed-button{padding:14px 24px;font-size:16px;line-height:24px}}@media (width>=1440px){.payment-page{padding:40px}.payment-container{gap:40px}.payment-section,.order-summary{padding:28px}}@media (width<=480px){.payment-page{padding:16px}.payment-header{margin-bottom:20px}.payment-header h1{font-size:22px}.payment-header p{font-size:13px}.payment-section{padding:16px}.payment-section h2{font-size:18px}.payment-section p{margin-bottom:14px;font-size:13px}.payment-item{padding:10px}.checkbox-input,.radio-input{width:16px;min-width:16px;height:16px}.item-name,.item-amount{font-size:13px}.item-term{font-size:11px}.radio-option{gap:12px;padding:10px 14px}.radio-title{font-size:13px}.radio-description{font-size:11px}.order-summary{padding:16px}.order-summary h2{font-size:18px}.summary-item{padding:8px 0;font-size:12px}.summary-item-name,.summary-item-amount,.detail-label,.detail-value{font-size:12px}.proceed-button{padding:10px 16px;font-size:14px;line-height:20px}}.parent-settings-container{background-color:#f5f7fb;min-height:100vh;padding:40px}.parent-settings-header{margin-bottom:40px}.parent-settings-header h1{color:#0f172a;font-weight:700;font-style:Bold;letter-spacing:0%;margin:0 0 12px;font-size:32px;line-height:100%}.parent-settings-header p{font-weight:400;font-style:Regular;letter-spacing:0%;color:#042869;margin:0;font-size:18px;line-height:100%}.parent-settings-card{background-color:#fff;border-radius:8px;margin-bottom:24px;padding:40px;box-shadow:0 1px 3px #0000000d}.parent-card-title{color:var(--Primary-Color-900,#03173c);margin:0 0 32px;padding-bottom:0;font-family:Nunito;font-size:22px;font-style:normal;font-weight:600;line-height:normal}.parent-profile-content{gap:60px;display:flex}.parent-avatar-section{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.parent-avatar-container{width:140px;height:140px;margin-bottom:16px;position:relative}.parent-avatar-image,.parent-avatar-placeholder{object-fit:cover;color:#9da4ae;background-color:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.parent-avatar-placeholder svg{width:60px;height:60px}.parent-avatar-upload-btn{cursor:pointer;background-color:#fff;border:2px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;bottom:0;right:0}.parent-avatar-upload-btn:hover{background-color:#f5f5f5;border-color:#03c}.parent-avatar-upload-btn svg{color:#666;width:20px;height:20px}.parent-avatar-input{display:none}.parent-avatar-info{color:#999;text-align:center;margin:0;font-size:13px}.parent-form-section{flex-direction:column;flex:1;display:flex}.parent-form-row{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.parent-form-group{flex-direction:column;display:flex}.parent-form-group.full-width{grid-column:1/-1}.parent-form-group label{color:var(--Primary-Color-900,#03173c);margin-bottom:8px;font-family:Nunito;font-size:18px;font-style:normal;font-weight:400;line-height:normal;display:block}.parent-form-group input{color:var(--Primary-Color-900,#03173c);border:1px solid #ddd;border:1px solid var(--Neutral-Color-400,#d2d6db);background-color:#fff;border-radius:8px;padding:12px 16px;font-family:Geist;font-size:16px;font-style:normal;font-weight:84;line-height:normal;transition:border-color .3s}.parent-form-group input:focus{border-color:#03c;outline:none;box-shadow:0 0 0 3px #0033cc1a}.parent-form-group input::placeholder{color:#999}.parent-form-group input.readonly-field{color:#666;cursor:not-allowed;background-color:#f9fafb;border:1px solid #d2d6db}.parent-form-group input.readonly-field:focus{box-shadow:none;border-color:#e0e0e0;outline:none}.parent-form-group input.readonly-field:hover{border-color:#e0e0e0}.parent-form-group input:disabled{color:#666;cursor:not-allowed;background-color:#f5f5f5}.parent-button-wrapper{justify-content:flex-end;margin-top:16px;display:flex}.parent-save-btn{width:127px;height:54px;font-weight:400;font-style:Regular;letter-spacing:0%;text-align:center;vertical-align:middle;cursor:pointer;color:#fff;background-color:#0062f6;border:none;border-radius:8px;gap:8px;font-size:16px;line-height:24px;transition:all .3s}.parent-save-btn:hover{background-color:#0041cc;transform:translateY(-2px);box-shadow:0 4px 12px #03c3}.parent-save-btn:active{transform:translateY(0)}.parent-security-content{flex-direction:column;gap:24px;display:flex}.parent-security-item{border:none;border-radius:6px;justify-content:space-between;align-items:center;display:flex}.parent-security-text h3{color:var(--Primary-Color-900,#03173c);margin:0 0 8px;font-family:Nunito;font-size:18px;font-style:normal;font-weight:600;line-height:normal}.parent-security-text p{font-weight:400;font-style:Regular;letter-spacing:0%;color:#9da4ae;font-size:16px;line-height:100%}.parent-change-password-btn{cursor:pointer;color:var(--Primary-Color-900,#03173c);text-align:center;background-color:#fff;border:1px solid #ccc;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:15px 12px;font-family:Nunito;font-size:16px;font-style:normal;font-weight:400;line-height:24px;transition:all .3s;display:flex}.parent-change-password-btn:hover{background-color:#f5f5f5;border-color:#999}.parent-change-password-btn:active{background-color:#eee}@media (width<=1023px){.parent-settings-container{padding:30px}.parent-settings-header h1{font-size:28px}.parent-settings-header p{font-size:16px}.parent-settings-card{padding:30px}.parent-card-title{margin-bottom:24px;font-size:20px}.parent-profile-content{gap:40px}.parent-form-row{gap:20px}.parent-form-group label{font-size:16px}.parent-security-item{padding:20px}.parent-security-text h3{font-size:16px}.parent-security-text p{font-size:14px}.parent-change-password-btn{padding:12px 10px;font-size:14px}}@media (width<=767px){.parent-settings-container{padding:20px}.parent-settings-header{margin-bottom:24px}.parent-settings-header h1{margin-bottom:8px;font-size:24px}.parent-settings-header p{font-size:14px}.parent-settings-card{margin-bottom:20px;padding:20px}.parent-card-title{margin-bottom:20px;font-size:18px}.parent-profile-content{flex-direction:column;gap:24px}.parent-avatar-section{align-items:center}.parent-avatar-container{width:120px;height:120px}.parent-avatar-placeholder svg{width:50px;height:50px}.parent-avatar-upload-btn{width:36px;height:36px}.parent-avatar-upload-btn svg{width:18px;height:18px}.parent-form-row{grid-template-columns:1fr;gap:16px;margin-bottom:16px}.parent-form-group label{margin-bottom:6px;font-size:14px}.parent-form-group input{padding:10px 14px;font-size:14px}.parent-button-wrapper{justify-content:center;margin-top:20px}.parent-save-btn{width:100%;max-width:200px;height:48px;font-size:14px}.parent-security-content{gap:16px}.parent-security-item{text-align:center;flex-direction:column;gap:16px;padding:16px}.parent-security-text h3{margin-bottom:6px;font-size:16px}.parent-security-text p{font-size:13px}.parent-change-password-btn{justify-content:center;width:100%;padding:12px;font-size:14px}}@media (width<=479px){.parent-settings-container{padding:16px}.parent-settings-header h1{font-size:22px}.parent-settings-header p{font-size:13px}.parent-settings-card{padding:16px}.parent-card-title{margin-bottom:16px;font-size:16px}.parent-profile-content{gap:20px}.parent-avatar-container{width:100px;height:100px}.parent-avatar-placeholder svg{width:40px;height:40px}.parent-avatar-upload-btn{width:32px;height:32px}.parent-avatar-upload-btn svg{width:16px;height:16px}.parent-avatar-info{font-size:11px}.parent-form-group label{font-size:13px}.parent-form-group input{padding:8px 12px;font-size:13px}.parent-save-btn{max-width:180px;height:44px;font-size:13px}.parent-security-item{padding:14px}.parent-security-text h3{font-size:15px}.parent-security-text p{font-size:12px}.parent-change-password-btn{padding:10px;font-size:13px}}.ct-app-layout{background-color:#f5f6fa;min-height:100vh;display:flex;position:relative}.ct-main-content{flex-direction:column;flex:1;width:100%;min-height:100vh;margin-left:280px;transition:margin-left .3s ease-in-out;display:flex}.ct-page-content{background-color:#f5f6fa;flex:1;padding:24px 32px}.ct-mobile-menu-btn{z-index:1100;color:#fff;cursor:pointer;background:#0062f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;transition:all .2s;display:none;position:fixed;top:20px;left:20px}.ct-mobile-menu-btn:hover{background:#0052d0}.ct-mobile-overlay{z-index:999;background-color:#00000080;animation:.3s ctFadeIn;position:fixed;inset:0}@keyframes ctFadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.ct-main-content{margin-left:0}.ct-page-content{padding:20px 24px}.ct-mobile-menu-btn{display:flex}.nunito-content{font-optical-sizing:auto;font-family:Nunito,sans-serif}.ct-app-layout{background-color:#f5f6fa;min-height:100vh;display:flex;position:relative}.ct-main-content{flex-direction:column;flex:1;width:100%;min-height:100vh;margin-left:280px;transition:margin-left .3s ease-in-out;display:flex}.ct-page-content{background-color:#f5f6fa;flex:1;padding:24px 32px}.ct-mobile-menu-btn{z-index:1100;color:#fff;cursor:pointer;background:#0062f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;transition:all .2s;display:none;position:fixed;top:20px;left:20px}.ct-mobile-menu-btn:hover{background:#0052d0}.ct-mobile-overlay{z-index:999;background-color:#00000080;animation:.3s ctFadeIn;position:fixed;inset:0}@keyframes ctFadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.ct-main-content{margin-left:0}.ct-page-content{padding:20px 24px}.ct-mobile-menu-btn{display:flex}}@media (width<=480px){.ct-page-content{padding:16px}}@media (width<=380px){.ct-page-content{padding:12px}}@media (width>=769px){.ct-main-content{margin-left:280px}}}@media (width<=480px){.ct-page-content{padding:16px}}@media (width<=380px){.ct-page-content{padding:12px}}@media (width>=769px){.ct-main-content{margin-left:280px}}.ct-header{z-index:100;background-color:#fff;border-bottom:1px solid #f0f0f0;justify-content:flex-end;align-items:center;gap:2rem;height:70px;padding:1rem 2rem;display:flex;position:sticky;top:0;left:0;right:0;box-shadow:0 4px 30px #0062f60d}.ct-date-section{color:#03173c;align-items:center;gap:.5rem;font-family:Nunito;font-size:12px;font-weight:500;line-height:100%;display:flex}.ct-date-section svg{color:#03173c;flex-shrink:0}.ct-dropdown-section{position:relative}.ct-dropdown-button{cursor:pointer;color:#03173c;background:0 0;border:none;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-family:Nunito;font-size:12px;font-weight:500;line-height:100%;transition:background-color .2s;display:flex}.ct-dropdown-button:hover{background-color:#f5f5f5}.ct-dropdown-button svg{transition:transform .2s}.ct-dropdown-button:active svg{transform:rotate(180deg)}.ct-dropdown-menu{z-index:1000;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;min-width:180px;animation:.2s ease-out ctSlideDown;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:0 4px 12px #0000001a}@keyframes ctSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ct-dropdown-menu p{color:#333;cursor:pointer;border-bottom:1px solid #f5f5f5;margin:0;padding:.75rem 1rem;font-size:.9rem;text-decoration:none;transition:background-color .2s;display:block}.ct-dropdown-menu p:last-child{border-bottom:none}.ct-dropdown-menu p:hover{background-color:#f5f5f5}.ct-notification-section{cursor:pointer;color:#03173c;align-items:center;display:flex}.ct-notification-section svg{font-size:22px}.ct-profile-section-wrapper{position:relative}.ct-profile-section{cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem .75rem;transition:background-color .2s;display:flex}.ct-profile-section:hover{background-color:#f5f5f5}.ct-user-profile{object-fit:cover;background-color:#f0f0f0;border-radius:50%;width:40px;height:40px}.ct-user-info{flex-direction:column;gap:5px;display:flex}.ct-user-name{color:#03173c;font-size:14px;font-weight:400;line-height:100%}.ct-user-role{color:#6c737f;font-size:12px;font-weight:500;line-height:100%}.ct-profile-dropdown-menu{z-index:1000;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;min-width:150px;animation:.2s ease-out ctSlideDown;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 4px 12px #0000001a}.ct-profile-dropdown-menu p{color:#333;cursor:pointer;border-bottom:1px solid #f5f5f5;margin:0;padding:.75rem 1rem;font-size:.9rem;text-decoration:none;transition:background-color .2s;display:block}.ct-profile-dropdown-menu p:last-child{border-bottom:none}.ct-profile-dropdown-menu p:hover{background-color:#f5f5f5}.ct-profile-dropdown-menu p:last-child:hover{background-color:#fef2f2}@media (width<=768px){.ct-header{flex-wrap:wrap;gap:1.5rem;height:auto;padding:.875rem 1.5rem}.ct-date-section{font-size:.85rem}.ct-dropdown-button{padding:.4rem .6rem;font-size:.85rem}.ct-user-profile{width:36px;height:36px}.ct-user-name{font-size:13px}.ct-user-role{font-size:11px}}@media (width<=480px){.ct-header{flex-wrap:nowrap;justify-content:flex-start;gap:.5rem;padding:.75rem 1rem}.ct-date-section{gap:.3rem;font-size:.75rem}.ct-date-section svg{width:14px;height:14px}.ct-dropdown-section,.ct-user-info{display:none}.ct-profile-section{gap:0;padding:.3rem .5rem}.ct-user-profile{width:32px;height:32px}}@media (width<=375px){.ct-header{gap:.4rem;padding:.6rem .8rem}.ct-date-section{font-size:.7rem}.ct-user-profile{width:28px;height:28px}}.ct-sidebar-container{z-index:1000;background-color:#fff;border-right:1px solid #e8e8e8;flex-direction:column;width:280px;height:100vh;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:0 15px 30px #0062f60d}.ct-sidebar-logo{border-bottom:1px solid #e8e8e8;justify-content:center;align-items:center;padding:24px 20px;display:flex}.ct-logo-icon{justify-content:center;align-items:center;display:flex}.ct-logo{object-fit:contain;width:160px;height:auto}.ct-sidebar-close-btn{cursor:pointer;color:#6c737f;z-index:1001;background:0 0;border:none;font-size:24px;display:none;position:absolute;top:20px;right:20px}.ct-sidebar-close-btn:hover{color:#03173c}.ct-sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:20px 16px;display:flex}.ct-nav-link{color:#03173c;cursor:pointer;border-left:3px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-family:Nunito;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.ct-nav-link:hover{color:#0062f6;background-color:#f1f7ff}.ct-nav-link:hover .ct-nav-icon{color:#0062f6}.ct-nav-link.active{color:#0062f6;background-color:#f1f7ff;border-left-color:#0062f6}.ct-nav-link.active .ct-nav-icon{color:#0062f6}.ct-nav-icon{width:24px;height:24px;color:inherit;justify-content:center;align-items:center;font-size:20px;display:flex}.ct-nav-text{letter-spacing:0%;color:inherit;flex:1;font-size:15px;font-weight:600;line-height:100%}.ct-sidebar-container::-webkit-scrollbar{width:6px}.ct-sidebar-container::-webkit-scrollbar-track{background:0 0}.ct-sidebar-container::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:3px}.ct-sidebar-container::-webkit-scrollbar-thumb:hover{background:#bdbdbd}.ct-sidebar-overlay{z-index:999;background-color:#00000080;animation:.3s ctFadeIn;position:fixed;inset:0}@media (width<=768px){.ct-sidebar-container{width:280px;transform:translate(-100%)}.ct-sidebar-container.mobile-open{transform:translate(0)}.ct-sidebar-close-btn{display:block}.ct-sidebar-logo{padding:20px}.ct-logo{width:140px}.ct-sidebar-nav{gap:6px;padding:16px}.ct-nav-link{padding:10px 14px;font-size:14px}.ct-nav-icon{width:22px;height:22px;font-size:18px}.ct-nav-text{font-size:14px}}@media (width<=480px){.ct-sidebar-container{width:85%;max-width:280px}.ct-sidebar-logo{justify-content:center;padding:16px}.ct-logo{width:120px}.ct-sidebar-nav{padding:12px}.ct-nav-link{padding:10px 12px}.ct-nav-icon{width:20px;height:20px;font-size:16px}.ct-nav-text{font-size:13px}.ct-sidebar-close-btn{font-size:20px;top:15px;right:15px}}@media (width>=769px){.ct-sidebar-container{transform:translate(0)!important}}.ct-footer{box-sizing:border-box;background:#fff;border-top:1px solid #e0e0e0;justify-content:center;align-items:center;width:100%;margin-top:auto;padding:17px 32px;display:flex}.ct-footer p{letter-spacing:0%;color:#9da4ae;text-align:center;margin:0;font-family:Nunito;font-size:14px;font-weight:400;line-height:100%}@media screen and (width<=768px){.ct-footer{padding:14px 24px}.ct-footer p{font-size:11px}}@media screen and (width<=480px){.ct-footer{padding:12px 16px}.ct-footer p{font-size:10px}}.CTDash{background:#f5f7fb;width:100%;min-height:auto;margin:0;padding:0}.CTDashWrapper{flex-direction:column;gap:24px;width:100%;display:flex}.CTGreetings{letter-spacing:0%;color:#0f172a;flex-direction:column;font-family:Nunito;font-size:28px;font-weight:700;line-height:100%;display:flex}.CTGreetings span{letter-spacing:0%;color:#042869;margin-top:8px;font-family:Nunito;font-size:16px;font-weight:400;line-height:100%}.CTCards{flex-wrap:wrap;gap:20px;width:100%;display:flex}.myAttendance,.AssignedClass,.TotalStudents,.CTSubject{box-sizing:border-box;background:#fff;border-radius:12px;flex:1;justify-content:space-between;align-items:center;padding:18px 16px;transition:transform .2s,box-shadow .2s;display:flex}.myAttendance{border-left:4px solid #0062f6}.AssignedClass{border-left:4px solid #8b5cf6}.TotalStudents{border-left:4px solid #f59e0b}.CTSubject{border-left:4px solid #43b75d}.CTtext,.CTtext4{color:#6c737f;flex-direction:column;gap:8px;font-family:Nunito;font-size:14px;font-weight:500;display:flex}.CTPending,.CTClassRoom,.CTStudents,.SubjectDigit{color:#03173c;font-family:Nunito;font-size:24px;font-weight:700}.CTPending{color:#ea580c;background:#ffedd5;border-radius:20px;width:fit-content;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.CTImageHolder1,.CTImageHolder2,.CTImageHolder3,.CTImageHolder4{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:55px;height:55px;display:flex}.CTImageHolder1{background:#eaf2ff}.CTImageHolder2{background:#f3e8ff}.CTImageHolder3{background:#fef3c7}.CTImageHolder4{background:#dcfce7}.CTImg{object-fit:contain;width:30px;height:30px}.CTCheckIn{flex-wrap:wrap;gap:24px;width:100%;margin-top:8px;display:flex}.CTQR{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:32px 24px;display:flex}.CTQRHolder{background:#f1f7ff;border-radius:12px;justify-content:center;align-items:center;width:85px;height:85px;display:flex}.CTQRImg{object-fit:contain;width:50px;height:50px}.CTReminder{text-align:center;color:#042869;flex-direction:column;gap:8px;width:100%;font-family:Nunito;font-size:22px;font-weight:700;display:flex}.CTReminder span{text-align:center;color:#6c737f;font-family:Nunito;font-size:15px;font-weight:400}.CTScan{color:#fff;cursor:pointer;background:#0062f6;border:none;border-radius:10px;width:auto;min-width:200px;padding:12px 28px;font-family:Nunito;font-size:15px;font-weight:600;transition:background .2s}.CTScan:hover{background:#0052d0}.CTAnnouncement{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;flex:1;display:flex;overflow:hidden}.CTAnnounceHead{color:#03173c;background:#fff;border-bottom:1px solid #f3f4f6;padding:18px 24px;font-family:Nunito;font-size:18px;font-weight:700}.CTAnnouncementView{flex-direction:column;flex:1;gap:12px;max-height:350px;padding:20px 24px;display:flex;overflow-y:auto}.CTAnnouncementCotent{background:#f8fafd;border-left:4px solid #0062f6;border-radius:0 10px 10px 0;flex-direction:column;gap:8px;padding:14px 0 14px 16px;display:flex}.CTAnnounceDate{color:#03173c;justify-content:space-between;align-items:center;font-family:Nunito;font-size:14px;font-weight:600;display:flex}.CTAnnounceDate span{color:#9da4ae;font-family:Nunito;font-size:11px;font-weight:500}.TheCTAnnouncement{color:#6c737f;margin:0;font-family:Nunito;font-size:13px;font-weight:400;line-height:1.4}@media screen and (width>=1025px){.CTCards{flex-wrap:nowrap}.myAttendance,.AssignedClass,.TotalStudents,.CTSubject{flex:1}}@media screen and (width<=1024px) and (width>=769px){.CTCards{gap:16px}.myAttendance,.AssignedClass,.TotalStudents,.CTSubject{flex:0 0 calc(50% - 8px)}}@media screen and (width<=768px){.CTDashWrapper{gap:20px}.CTGreetings{font-size:22px}.CTGreetings span{font-size:14px}.CTCards{gap:12px}.myAttendance,.AssignedClass,.TotalStudents,.CTSubject{flex:0 0 calc(50% - 6px);padding:14px}.CTtext,.CTtext4{gap:6px;font-size:13px}.CTPending,.CTClassRoom,.CTStudents,.SubjectDigit{font-size:20px}.CTPending{padding:3px 8px;font-size:11px}.CTImageHolder1,.CTImageHolder2,.CTImageHolder3,.CTImageHolder4{width:45px;height:45px}.CTImg{width:24px;height:24px}.CTCheckIn{flex-direction:column;gap:16px}.CTQR{padding:24px 20px}.CTQRHolder{width:70px;height:70px}.CTQRImg{width:40px;height:40px}.CTReminder{font-size:18px}.CTReminder span{font-size:13px}.CTScan{width:100%;max-width:100%}.CTAnnounceHead{padding:14px 20px;font-size:16px}.CTAnnouncementView{max-height:300px;padding:16px 20px}}@media screen and (width<=550px){.myAttendance,.AssignedClass,.TotalStudents,.CTSubject{flex:0 0 100%}}@media screen and (width<=480px){.CTDashWrapper{gap:16px}.CTGreetings{font-size:20px}.myAttendance,.AssignedClass,.TotalStudents,.CTSubject{padding:12px}.CTtext,.CTtext4{gap:5px;font-size:12px}.CTPending,.CTClassRoom,.CTStudents,.SubjectDigit{font-size:18px}.CTImageHolder1,.CTImageHolder2,.CTImageHolder3,.CTImageHolder4{width:40px;height:40px}.CTImg{width:22px;height:22px}.CTQRHolder{width:60px;height:60px}.CTQRImg{width:35px;height:35px}.CTReminder{font-size:16px}.CTReminder span{font-size:12px}.CTScan{padding:10px 16px;font-size:13px}}.ParentSidebar_Container{z-index:1000;background-color:#fff;border-right:1px solid #e8e8e8;flex-direction:column;width:280px;height:100vh;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:0 15px 30px #0062f60d}.logo-icon{width:100%;height:100%;display:flex}.ParentSidebar-nav{flex-direction:column;gap:8px;margin-left:30px;margin-right:40px;padding:0 16px;display:flex}.nav-link:hover .nav-icon,.nav-link:hover .nav-text{color:#666}.nav-link.active .nav-icon,.nav-link.active .nav-text{color:#0d62f6}.nav-icon{width:24px;height:24px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-text{font-weight:600;font-style:SemiBold;letter-spacing:0%;color:inherit;flex:1;font-size:16px;line-height:100%}.ParentSidebar_Container::-webkit-scrollbar{width:6px}.ParentSidebar_Container::-webkit-scrollbar-track{background:0 0}.ParentSidebar_Container::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:3px}.ParentSidebar_Container::-webkit-scrollbar-thumb:hover{background:#bdbdbd}.mobile-menu-btn{z-index:1100;color:#000;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:none;position:fixed;top:20px;left:20px}@media (width<=768px){.ParentSidebar_Container{width:240px;transform:translate(-100%)}.ParentSidebar_Container.mobile-open{transform:translate(0)}.mobile-menu-btn{display:flex}.mobile-overlay{display:block}.nav-link{font-size:14px}.Ucheva{width:140px;height:45px}}@media (width<=480px){.ParentSidebar_Container{width:85%;max-width:280px}.sidebar-logo{justify-content:center;margin-bottom:20px}.logo-icon{justify-content:center}.Ucheva{width:120px;height:40px}.ParentSidebar-nav{padding:0 12px}.nav-link{padding:14px 16px}.nav-icon{width:22px;height:22px}.nav-text{font-size:15px}.mobile-menu-btn{width:40px;height:40px;top:15px;left:15px}}@media (width<=380px){.ParentSidebar_Container{width:90%;max-width:260px}.Ucheva{width:100px;height:35px}.nav-link{padding:12px 14px}.nav-text{font-size:14px}.nav-icon{width:20px;height:20px}}@media (width>=769px){.ParentSidebar_Container{transform:translate(0)!important}}.parentdashboard-header{z-index:100;background-color:#fff;border-bottom:1px solid #f0f0f0;justify-content:flex-end;align-items:center;gap:10px;height:70px;padding:15px 64px 15px 20px;display:flex;position:sticky;top:0;left:0;right:0;box-shadow:0 4px 30px #0062f60d}.date-section{color:#03173c;font-family:Nunito;font-weight:500;font-style:Medium;letter-spacing:0%;align-items:center;gap:.5rem;font-size:12px;line-height:100%;display:flex}.date-section svg{color:#03173c;flex-shrink:0}.dropdown-section{position:relative}.dropdown-button{cursor:pointer;color:#03173c;font-family:Nunito;font-weight:500;font-style:Medium;letter-spacing:0%;background:0 0;border:none;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:12px;line-height:100%;transition:background-color .2s;display:flex}.dropdown-button:hover{background-color:#f5f5f5}.dropdown-button svg{transition:transform .2s}.dropdown-button:active svg{transform:rotate(180deg)}.dropdown-menu{z-index:1000;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;min-width:180px;animation:.2s ease-out slideDown;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:0 4px 12px #0000001a}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu p{color:#333;cursor:pointer;border-bottom:1px solid #f5f5f5;margin:0;padding:.75rem 1rem;font-size:.9rem;text-decoration:none;transition:background-color .2s;display:block}.dropdown-menu p:last-child{border-bottom:none}.dropdown-menu p:hover{background-color:#f5f5f5}.profile-section-wrapper{position:relative}.user-profile{object-fit:cover;background-color:#f0f0f0;border-radius:50%;width:40px;height:40px}.user-info{flex-direction:column;gap:5px;display:flex}.user-name{font-weight:400;font-style:Regular;letter-spacing:0%;color:#03173c;font-size:14px;line-height:100%}.user-role{font-weight:500;font-style:Medium;letter-spacing:0%;color:#6c737f;font-size:12px;line-height:100%}.profile-dropdown-menu{z-index:1000;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;min-width:150px;animation:.2s ease-out slideDown;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 4px 12px #0000001a}.profile-dropdown-menu p{color:#333;cursor:pointer;border-bottom:1px solid #f5f5f5;margin:0;padding:.75rem 1rem;font-size:.9rem;text-decoration:none;transition:background-color .2s;display:block}.profile-dropdown-menu p:last-child{border-bottom:none}.profile-dropdown-menu p:hover{background-color:#f5f5f5}.profile-dropdown-menu p:last-child:hover{background-color:#fef2f2}@media (width<=768px){.parentdashboard-header{flex-wrap:wrap;gap:1.5rem;height:auto;padding:.875rem 1.5rem}.date-section{font-size:.85rem}.dropdown-button{padding:.4rem .6rem;font-size:.95rem}.user-profile{width:36px;height:36px}.user-name{font-size:13px}.user-role{font-size:11px}.dropdown-menu p,.profile-dropdown-menu p{padding:.65rem 1rem;font-size:.85rem}}@media (width<=480px){.parentdashboard-header{flex-wrap:nowrap;justify-content:flex-end;gap:.5rem;height:auto;padding:.75rem 1rem}.date-section{gap:.3rem;font-size:.75rem}.date-section svg{width:14px;height:14px}.dropdown-section,.user-info{display:none}.profile-section{gap:0;padding:.3rem .5rem}.user-profile{width:32px;height:32px}.profile-dropdown-menu{min-width:130px}.profile-dropdown-menu p{padding:.6rem .8rem;font-size:.85rem}}@media (width<=375px){.parentdashboard-header{gap:.4rem;padding:.6rem .8rem}.date-section{font-size:.7rem}.profile-section{padding:.25rem .4rem}.user-profile{width:28px;height:28px}.profile-dropdown-menu p{padding:.5rem .7rem;font-size:.8rem}}.footer{text-align:center;z-index:10;background:#fff;border-top:1px solid #e0e0e0;width:100%;height:70px;margin-top:auto;padding:16px 32px;position:fixed;bottom:0%;right:0%}.footer p{color:#999;margin:0;font-size:12px}@media (width<=768px){.footer{padding:12px 16px}.footer p{font-size:10px}}.parent-app-layout{background-color:#f5f6fa;min-height:100vh;display:flex}.parent-main-content{flex-direction:column;flex:1;width:100%;min-height:100vh;margin-left:280px;transition:margin-left .3s ease-in-out;display:flex}.parent-page-content{background-color:#f5f6fa;flex:1;padding:24px 32px}@media (width<=768px){.parent-main-content{margin-left:0}.parent-page-content{padding:20px 24px}}@media (width<=480px){.parent-page-content{padding:16px}}@media (width<=380px){.parent-page-content{padding:12px}}@media (width>=769px){.parent-main-content{margin-left:280px}}.STReportContainer{background:#f5f7fb;justify-content:center;align-items:center;width:100%;height:auto;min-height:150vh;padding-top:2%;padding-bottom:2%;display:flex}.STReportWrapper{flex-direction:column;gap:1.7rem;width:100%;min-height:150vh;display:flex}.STSReportHead{width:100%;min-height:12vh;font-family:Nunito;font-weight:700;font-style:Bold;leading-trim:NONE;letter-spacing:0%;color:#0f172a;justify-content:space-between;align-items:center;font-size:32px;line-height:100%;display:flex}.STSReportHeadRight{justify-content:end;align-items:center;gap:10px;width:30%;height:100%;display:flex}.STR,.STA{font-family:Nunito;font-weight:400px;font-style:Regular;leading-trim:NONE;letter-spacing:0%;color:#9da4ae;cursor:pointer;font-size:18px;line-height:100%}.STP{font-family:Nunito;font-weight:400px;font-style:Regular;leading-trim:NONE;letter-spacing:0%;color:#042869;cursor:pointer;font-size:18px;line-height:100%}.SubToAdmin{background:#fff;border-radius:10px;justify-content:end;align-items:center;gap:14px;width:100%;min-height:12vh;padding-right:3%;display:flex}.STAdd{color:#fff;width:159px;height:48px;font-family:Nunito;font-weight:400px;font-style:Regular;leading-trim:NONE;letter-spacing:0%;vertical-align:middle;cursor:pointer;background:#0062f6;border:none;border-radius:8px;outline:none;font-size:16px;line-height:24px;transition:background-color .2s,color .2s,transform .2s,box-shadow .2s}.STAdd:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.STSubmit{color:#042869;width:159px;height:48px;font-family:Nunito;font-weight:400px;font-style:Regular;leading-trim:NONE;letter-spacing:0%;vertical-align:middle;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;font-size:16px;line-height:24px;transition:background-color .2s,color .2s,transform .2s,box-shadow .2s;box-shadow:0 8px 24px #959da533}.STSubmit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.remarkOverlay{z-index:9999;background:#0f172a73;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.remarkModal{background:#fff;border-radius:36px;width:600px;padding:35px;animation:.2s modalPop}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.remarkHeader{justify-content:space-between;align-items:center;display:flex}.remarkHeader h2{color:#0f172a;margin:0;font-family:Nunito,sans-serif;font-size:32px;font-weight:700}.remarkCloseBtn{cursor:pointer;color:#042869;background:0 0;border:none;font-size:36px}.remarkContent{margin-top:30px}.remarkContent h3{color:#0f172a;margin:0;font-family:Nunito,sans-serif;font-size:20px;font-weight:600}.remarkContent p{color:#9ca3af;margin-top:8px;font-family:Nunito,sans-serif;font-size:15px}.remarkContent textarea{resize:none;color:#0f172a;border:1px solid #0062f6;border-radius:2px;outline:none;width:100%;height:230px;margin-top:12px;padding:16px;font-family:Nunito,sans-serif;font-size:18px}.remarkButtons{gap:20px;margin-top:35px;display:flex}.remarkCancelBtn{color:#0062f6;cursor:pointer;background:#fff;border:1px solid #0062f6;border-radius:10px;width:140px;height:54px;font-family:Nunito,sans-serif;font-size:16px}.remarkSaveBtn{color:#fff;cursor:pointer;background:#0062f6;border:none;border-radius:10px;width:160px;height:54px;font-family:Nunito,sans-serif;font-size:16px}@media (width<=768px){.remarkModal{border-radius:20px;width:95%;padding:24px}.remarkButtons{flex-direction:column}.remarkCancelBtn,.remarkSaveBtn{width:100%}}.report-card-container{background-color:#f5f5f5;justify-content:center;align-items:flex-start;width:100%;min-height:100vh;font-family:Arial,Helvetica,sans-serif;display:flex}.report-card{background-color:#fff;width:100%;margin:20px 0;padding:40px;box-shadow:0 2px 10px #0000001a}.header{margin-bottom:20px}.header-content{align-items:flex-start;gap:20px;margin-bottom:15px;display:flex}.school-logo-placeholder{flex-shrink:0;width:80px;height:90px}.logo-shield{clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);background:linear-gradient(135deg,#1a3a52 0%,#2c5282 100%);border:2px solid #0f1e2e;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.logo-inner{background-color:#ffffff1a;border-radius:50%;width:50%;height:50%}.school-info{text-align:center;flex:1}.school-name{font-family:Nunito;font-weight:700;font-style:Bold;leading-trim:NONE;letter-spacing:0%;text-align:center;color:#03173c;margin:0 0 5px;font-size:48px;line-height:100%}.school-address,.school-contact{font-family:Nunito;font-weight:84;font-style:Regular;leading-trim:NONE;letter-spacing:0%;text-align:center;color:#03173c;margin:3px 0;font-size:18px;line-height:100%}.header-divider{border:none;border-top:2px solid #333;margin:15px 0}.title-section{text-align:center;margin:20px 0;position:relative}.report-title{font-family:Nunito;font-weight:700;font-style:Bold;leading-trim:NONE;letter-spacing:0%;text-align:center;color:#03173c;margin:0 0 5px;font-size:30px;line-height:100%}.session-info{font-family:Nunito;font-weight:84;font-style:Regular;leading-trim:NONE;letter-spacing:0%;text-align:center;color:#03173c;margin:3px 0 10px;font-size:22px;line-height:100%}.term-badge{color:#fff;font-family:Nunito;font-weight:84;font-style:Regular;leading-trim:NONE;letter-spacing:0%;text-align:center;background-color:#03173c;border-radius:2px;padding:6px 15px;font-size:22px;line-height:100%;display:inline-block}.student-info{background-color:#0000;border:2px solid #03173c;border-radius:6px;flex-direction:column;justify-content:center;gap:10px;height:20vh;margin:20px 0;padding:12px 15px;display:flex}.info-row{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:10px;display:grid}.info-row:last-child{margin-bottom:0}.info-field{flex-direction:column;gap:2px;width:auto;display:flex}.info-field label{width:auto;font-family:Nunito;font-weight:500;font-style:Regular;leading-trim:NONE;letter-spacing:0%;color:#03173c;gap:4px;font-size:16px;line-height:100%;display:flex}.info-field span{font-family:Nunito;font-weight:300;font-style:Medium;leading-trim:NONE;letter-spacing:0%;color:#03173c;font-size:16px;line-height:100%}.subjects-table-container{margin:20px 0;overflow-x:auto}.subjects-table{border-collapse:collapse;width:100%;margin:0;font-size:13px}.subjects-table thead{color:#fff;background-color:#0a1f3e}.subjects-table th{font-family:Nunito;font-weight:500;font-style:Medium;leading-trim:NONE;letter-spacing:0%;color:#fff;text-align:center;background-color:#0a1f3e;border:1px solid #0a1f3e;padding:10px 8px;font-size:17px;line-height:100%}.max-marks{font-size:10px;font-weight:400;display:block}.subjects-table td{text-align:center;color:#03173c;font-family:Geist;font-weight:500;font-style:Medium;leading-trim:NONE;letter-spacing:0%;border:1px solid #ddd;padding:10px 8px;font-size:18px;line-height:100%}.subjects-table tbody tr:nth-child(odd){background-color:#f9f9f9}.subjects-table tbody tr:nth-child(2n){background-color:#fff}.subject-name{text-align:left;font-weight:500}.score{font-weight:500}.grade{color:#0a1f3e;font-weight:700}.remark{font-size:12px}.OverallRemarkHolder{width:100%;height:30vh;font-family:Nunito;font-weight:500;font-style:Medium;leading-trim:NONE;letter-spacing:0%;color:#03173c;border:1px solid #d2d6db;border-radius:10px;font-size:18px;line-height:100%}.TotalOverAllRemark{border-bottom:1px solid #d2d6db;width:100%;height:25%;display:flex}.OverallRemarkScore{justify-content:center;align-items:center;width:40%;height:100%;display:flex}.OverallRemarkScore1{border-left:1px solid #d2d6db;justify-content:center;align-items:center;width:15%;height:100%;display:flex}.OverallRemarkScore2,.OverallRemarkScore3{border-left:1px solid #d2d6db;justify-content:center;align-items:center;width:60%;height:100%;display:flex}.TotalOverAllRemark4{width:100%;height:25%;display:flex}.OverallRemarkScore4{border-left:1px solid #d2d6db;justify-content:center;align-items:center;width:60%;height:100%;display:flex}.label{text-align:left;font-weight:700}.KeyToGrade{width:100%;height:50vh;font-family:Nunito;font-weight:500;font-style:Medium;leading-trim:NONE;letter-spacing:0%;color:#03173c;justify-content:center;align-items:center;gap:20px;font-size:18px;line-height:100%;display:flex}.KeyToGradeLeft,.KeyToGradeRight{border:1px solid #d2d6db;border-radius:10px;width:50%;height:90%}.KeyToGradeLeftTitle{border-bottom:1px solid #d2d6db;justify-content:center;align-items:center;width:100%;height:14%;display:flex}.KeyToGradeLeftTitleContent{justify-content:center;align-items:center;width:100%;height:14%;display:flex}.KeyToGradeLeftTable,.KeyToGradeLeftTable2{border-right:1px solid #d2d6db;justify-content:center;align-items:center;width:34%;height:100%;display:flex}.KeyToGradeLeftTable3,.KeyToGradeLeftTable23{justify-content:center;align-items:center;width:33%;height:100%;display:flex}.SigDateHolder{width:100%;height:80%;font-family:Nunito;font-weight:84;font-style:Regular;leading-trim:NONE;letter-spacing:0%;color:#03173c;justify-content:center;align-items:center;font-size:16px;line-height:100%;display:flex}.SIgDate{justify-content:space-between;align-items:center;width:95%;height:80%;display:flex}.PrincipalsRemarkHolder{border:1px solid #d2d6db;border-radius:10px;flex-direction:column;align-items:center;width:100%;height:25vh;display:flex}.PrincipalsRemarkTitle{width:100%;height:30%;font-family:Geist;font-weight:500;font-style:Medium;leading-trim:NONE;letter-spacing:0%;color:#03173c;border-bottom:1px solid #d2d6db;justify-content:center;align-items:center;font-size:18px;line-height:100%;display:flex}.PrincipalsRemarkContent{width:95%;height:70%;font-family:Nunito;font-weight:500;font-style:Regular;leading-trim:NONE;letter-spacing:0%;color:#03173c;flex-direction:column;justify-content:center;gap:3rem;font-size:16px;line-height:100%;display:flex}.PrincipalsRemarkSigDate{justify-content:space-between;align-items:center;width:50%;height:30%;display:flex}@media (width<=768px){.report-card{padding:20px}.header-content{flex-direction:column;align-items:center}.info-row{grid-template-columns:1fr;gap:10px}.bottom-section{grid-template-columns:1fr;gap:15px}.school-name{font-size:20px}.school-address,.school-contact,.subjects-table{font-size:11px}.subjects-table th,.subjects-table td{padding:8px 4px;font-size:10px}}@media (width<=480px){.report-card{padding:15px}.header-content{gap:10px}.school-logo-placeholder{width:60px;height:70px}.school-name{font-size:18px}.report-title{font-size:16px}.subjects-table{font-size:10px}.subjects-table th,.subjects-table td{padding:6px 2px}.info-field label{font-size:9px}.info-field span{font-size:12px}}.sidebar{z-index:1000;background-color:#fff;border-right:1px solid #e8e8e8;flex-direction:column;gap:20px;width:280px;height:100vh;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-logo{justify-content:flex-end;width:90%;height:11%;margin-bottom:10px;display:flex}.logo-icon{justify-content:flex-end;align-items:center;width:100%;display:flex}.Ucheva{width:180px;height:70px;margin-right:30px}.sidebar-nav{flex-direction:column;gap:8px;margin-left:30px;margin-right:40px;padding:0 16px;display:flex}.nav-link{color:#666;cursor:pointer;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-link:hover{color:#0d62f6;background-color:#f1f7ff}.nav-link.active{color:#0d62f6;background-color:#f1f7ff;border-left-color:#0d62f6}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.nav-text{font-weight:600;font-style:SemiBold;letter-spacing:0%;flex:1;font-size:16px;line-height:100%}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#bdbdbd}.mobile-menu-btn{z-index:1100;color:#fff;cursor:pointer;background:#0d62f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:none;position:fixed;top:20px;left:20px;box-shadow:0 2px 8px #00000026}.mobile-menu-btn:hover{background:#0a4fcc}.mobile-overlay{z-index:999;background-color:#00000080;animation:.3s fadeIn;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar{width:240px;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.mobile-menu-btn{display:flex}.mobile-overlay{display:block}.nav-link{font-size:14px}.Ucheva{width:140px;height:45px}}@media (width<=480px){.sidebar{width:85%;max-width:280px}.sidebar-logo{justify-content:center;margin-bottom:20px}.logo-icon{justify-content:center}.Ucheva{width:120px;height:40px}.sidebar-nav{padding:0 12px}.nav-link{padding:14px 16px}.nav-icon{width:22px;height:22px}.nav-text{font-size:15px}.mobile-menu-btn{width:40px;height:40px;top:15px;left:15px}}@media (width<=380px){.sidebar{width:90%;max-width:260px}.Ucheva{width:100px;height:35px}.nav-link{padding:12px 14px}.nav-text{font-size:14px}.nav-icon{width:20px;height:20px}}@media (width>=769px){.sidebar{transform:translate(0)!important}}.security-header{z-index:100;background-color:#fff;border-bottom:1px solid #f0f0f0;justify-content:flex-end;align-items:center;gap:10px;height:70px;padding:15px 64px 15px 20px;display:flex;position:sticky;top:0;left:0;right:0;box-shadow:0 4px 30px #0062f60d}.date-section{align-items:center;gap:.75rem;display:flex}.calendar-icon{color:#374151;flex-shrink:0;width:20px;height:20px}.date-text{color:var(--Primary-Color-900,#03173c);font-family:Nunito;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.notification-button{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.notification-button:hover{background-color:#f3f4f6}.bell-icon{color:#1f2937;flex-shrink:0;width:24px;height:24px}.profile-section{cursor:pointer;border-radius:8px;align-items:center;gap:1rem;padding:.5rem .75rem;transition:background-color .2s;display:flex}.profile-section:hover{background-color:#f9fafb}.profile-avatar{object-fit:cover;border:2px solid #e5e7eb;border-radius:50%;flex-shrink:0;width:48px;height:48px}.profile-info{flex-direction:column;gap:.25rem;min-width:0;display:flex}.profile-name{color:#03173c;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.profile-role{color:var(--Neutral-Color-600,#6c737f);font-family:Nunito;font-size:12px;font-style:normal;font-weight:500;line-height:normal}@media (width<=768px){.security-header{flex-wrap:wrap;gap:.5rem;height:auto;padding:.75rem 1rem}.header-left,.header-center,.header-right{flex:0 auto}.header-center{order:2;width:100%}.header-right{order:3;justify-content:flex-start}.date-text{font-size:.85rem}.profile-section{gap:.75rem}.profile-avatar{width:40px;height:40px}.profile-name{font-size:.85rem}.profile-role{font-size:.75rem}}@media (width<=480px){.security-header{padding:.5rem .75rem}.date-section{gap:.5rem}.calendar-icon{width:18px;height:18px}.date-text{font-size:.75rem;display:none}.bell-icon{width:20px;height:20px}.profile-avatar{width:36px;height:36px}.profile-info{display:none}}.security-app-layout{background-color:#f5f6fa;min-height:100vh;display:flex}.security-main-content{flex-direction:column;flex:1;width:100%;margin-left:280px;transition:margin-left .3s ease-in-out;display:flex}.security-page-content{background-color:#f5f6fa;flex:1;padding:24px 32px}@media (width<=768px){.security-main-content{margin-left:0}.security-page-content{margin-top:0;padding:20px 24px}}@media (width<=480px){.security-page-content{margin-top:60px;padding:16px}}@media (width<=380px){.security-page-content{margin-top:60px;padding:12px}}@media (width>=769px){.security-main-content{margin-left:280px}}.security-announcement{background-color:#f5f5f5;width:100%;max-width:1100px;min-height:100vh;margin:0 auto}.announcement-header{margin-bottom:32px}.announcement-header h1{color:#000;margin:0 0 8px;font-size:32px;font-weight:700}.announcement-header p{color:#003d99;margin:0;font-size:16px;font-weight:500}.announcement-tabs{border-bottom:1px solid #e0e0e0;gap:32px;margin-bottom:32px;padding-bottom:12px;display:flex}.tab{color:#666;cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;font-weight:500;transition:color .2s;position:relative}.tab:hover,.tab.active{color:#003d99}.tab.active:after{content:"";background-color:#003d99;height:3px;position:absolute;bottom:-12px;left:0;right:0}.announcement-list{flex-direction:column;gap:16px;display:flex}.announcement-card{cursor:pointer;background-color:#fff;border-left:4px solid #0052cc;border-radius:4px;justify-content:space-between;align-items:flex-start;padding:24px;transition:box-shadow .2s,background-color .2s;display:flex;box-shadow:0 1px 2px #0000000d}.announcement-card:hover{background-color:#fafafa;box-shadow:0 4px 12px #00000014}.announcement-content{flex:1;margin-right:20px}.announcement-card h2{color:#000;margin:0 0 12px;font-size:18px;font-weight:600}.announcement-card p{color:#003d99;margin:0 0 16px;font-size:14px;line-height:1.5}.announcement-meta{align-items:center;gap:24px;display:flex}.meta-item{color:#999;align-items:center;gap:6px;font-size:13px;display:flex}.meta-item svg{color:#ccc;width:14px;height:14px}.announcement-arrow{color:#999;flex-shrink:0;justify-content:center;align-items:center;display:flex}.announcement-arrow svg{width:20px;height:20px;transition:transform .2s}.announcement-card:hover .announcement-arrow svg{transform:translate(4px)}@media (width<=768px){.security-announcement{padding:24px 16px}.announcement-header h1{font-size:24px}.announcement-header p{font-size:14px}.announcement-tabs{gap:16px;margin-bottom:24px;padding-bottom:8px}.tab{font-size:14px}.announcement-card{flex-direction:column;align-items:flex-start;padding:16px}.announcement-content{margin-bottom:12px;margin-right:0}.announcement-card h2{font-size:16px}.announcement-card p{font-size:13px}.meta-item{font-size:12px}.announcement-arrow{align-self:flex-end;margin-top:-8px}}@media (width<=480px){.security-announcement{padding:16px 12px}.announcement-header h1{font-size:20px}.announcement-tabs{gap:12px;font-size:12px}.announcement-list{gap:12px}.announcement-card{padding:12px}.announcement-card h2{font-size:14px}.announcement-card p{font-size:12px}}.security-dashboard{background-color:#f5f5f5;min-height:100vh;padding:40px 32px}.greeting{color:#0f172a;font-family:Nunito;font-size:32px;font-style:normal;font-weight:700;line-height:normal}.welcome-text{color:var(--Primary-Color-800,#042869);margin:0;font-family:Nunito;font-size:18px;font-style:normal;font-weight:400;line-height:normal}.content-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:1400px;display:grid}.check-in-card{text-align:center;background-color:#fff;border-radius:12px;flex-direction:column;align-items:center;padding:40px;display:flex;box-shadow:0 1px 3px #0000000d}.qr-icon{background:var(--Primary-Color-Lightest,#f1f7ff);border-radius:8px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;padding:0 20px;display:flex}.qr-icon svg{width:64px;height:64px}.check-in-title{color:var(--Primary-Color-800,#042869);text-align:center;margin:0 0 12px;font-family:Nunito;font-size:24px;font-style:normal;font-weight:600;line-height:normal}.check-in-time{color:var(--Primary-Color-800,#042869);text-align:center;margin:0 0 16px;font-family:Nunito;font-size:18px;font-style:normal;font-weight:600;line-height:normal}.check-in-instruction{color:var(--Neutral-Color-600,#6c737f);text-align:center;margin:0 0 24px;font-family:Nunito;font-size:18px;font-style:normal;font-weight:400;line-height:normal}.scan-button{cursor:pointer;color:#fff;background:var(--Primary-Color-500,#0062f6);text-align:center;border:none;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:448px;height:60px;padding:16px 118px;font-family:Nunito;font-size:18px;font-style:normal;transition:all .2s;display:flex;box-shadow:0 10px 15px -3px #0062f633,0 4px 6px -4px #0062f633}.scan-button:hover{background-color:#0040a3}.scan-button:active{background-color:#003080}.announcements-card{background-color:#fff;border-radius:12px;padding:40px;box-shadow:0 1px 3px #0000000d}.announcements-title{color:var(--Primary-Color-900,#03173c);margin:0 0 24px;font-family:Nunito;font-size:22px;font-style:normal;font-weight:600;line-height:normal}.announcements-list{flex-direction:column;gap:24px;display:flex}.announcement-item{border-left:3px solid #0062f6;border-radius:2px;justify-content:space-between;align-items:flex-start;padding-left:16px;display:flex}.announcement-left{flex:1}.announcement-name{color:var(--Primary-Color-900,#03173c);margin:0 0 8px;font-family:Nunito;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.announcement-description{color:#042869;margin:0;font-family:Nunito;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.announcement-date{color:#9da4ae;white-space:nowrap;margin:0 0 0 12px;font-family:Nunito;font-size:12px;font-style:normal;font-weight:500;line-height:normal}@media (width<=768px){.security-dashboard{padding:24px 16px}.greeting{font-size:24px}.content-grid{grid-template-columns:1fr;gap:16px}.check-in-card,.announcements-card{padding:24px}.announcement-item{flex-direction:column}.announcement-date{margin-top:8px;margin-left:0}}.security-settings-container{background-color:#f5f7fb;padding:40px}.security-settings-header{margin-bottom:40px}.security-settings-header h1{color:#0f172a;font-weight:700;font-style:Bold;letter-spacing:0%;margin:0 0 12px;font-size:32px;line-height:100%}.security-settings-header p{font-weight:400;font-style:Regular;letter-spacing:0%;color:#042869;margin:0;font-size:18px;line-height:100%}.security-settings-card{background-color:#fff;border-radius:8px;margin-bottom:24px;padding:40px;box-shadow:0 1px 3px #0000000d}.security-card-title{color:var(--Primary-Color-900,#03173c);margin:0 0 32px;padding-bottom:0;font-family:Nunito;font-size:22px;font-style:normal;font-weight:600;line-height:normal}.security-profile-content{gap:60px;display:flex}.security-avatar-section{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.security-avatar-container{width:140px;height:140px;margin-bottom:16px;position:relative}.security-avatar-image,.security-avatar-placeholder{object-fit:cover;color:#9da4ae;background-color:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.security-avatar-placeholder svg{width:60px;height:60px}.security-avatar-upload-btn{cursor:pointer;background-color:#fff;border:2px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;bottom:0;right:0}.security-avatar-upload-btn:hover{background-color:#f5f5f5;border-color:#03c}.security-avatar-upload-btn svg{color:#666;width:20px;height:20px}.security-avatar-input{display:none}.security-avatar-info{color:#999;text-align:center;margin:0;font-size:13px}.security-form-section{flex-direction:column;flex:1;display:flex}.security-form-row{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.security-form-group{flex-direction:column;display:flex}.security-form-group.full-width{grid-column:1/-1}.security-form-group label{color:var(--Primary-Color-900,#03173c);margin-bottom:8px;font-family:Nunito;font-size:18px;font-style:normal;font-weight:400;line-height:normal;display:block}.security-form-group input{color:var(--Primary-Color-900,#03173c);border:1px solid #ddd;border:1px solid var(--Neutral-Color-400,#d2d6db);background-color:#fff;border-radius:8px;padding:12px 16px;font-family:Geist;font-size:16px;font-style:normal;font-weight:84;line-height:normal;transition:border-color .3s}.security-form-group input:focus{border-color:#03c;outline:none;box-shadow:0 0 0 3px #0033cc1a}.security-form-group input::placeholder{color:#999}.security-form-group input.readonly-field{color:#666;cursor:not-allowed;background-color:#f9fafb;border:1px solid #d2d6db}.security-form-group input.readonly-field:focus{box-shadow:none;border-color:#e0e0e0;outline:none}.security-form-group input.readonly-field:hover{border-color:#e0e0e0}.security-form-group input:disabled{color:#666;cursor:not-allowed;background-color:#f5f5f5}.security-button-wrapper{justify-content:flex-end;margin-top:16px;display:flex}.security-save-btn{width:127px;height:54px;font-weight:400;font-style:Regular;letter-spacing:0%;text-align:center;vertical-align:middle;cursor:pointer;color:#fff;background-color:#0062f6;border:none;border-radius:8px;gap:8px;font-size:16px;line-height:24px;transition:all .3s}.security-save-btn:hover{background-color:#0041cc;transform:translateY(-2px);box-shadow:0 4px 12px #03c3}.security-save-btn:active{transform:translateY(0)}.security-security-content{flex-direction:column;gap:24px;display:flex}.security-security-item{border:none;border-radius:6px;justify-content:space-between;align-items:center;display:flex}.security-security-text h3{color:var(--Primary-Color-900,#03173c);margin:0 0 8px;font-family:Nunito;font-size:18px;font-style:normal;font-weight:600;line-height:normal}.security-security-text p{font-weight:400;font-style:Regular;letter-spacing:0%;color:#9da4ae;font-size:16px;line-height:100%}.security-change-password-btn{cursor:pointer;color:var(--Primary-Color-900,#03173c);text-align:center;background-color:#fff;border:1px solid #ccc;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:15px 12px;font-family:Nunito;font-size:16px;font-style:normal;font-weight:400;line-height:24px;transition:all .3s;display:flex}.security-change-password-btn:hover{background-color:#f5f5f5;border-color:#999}.security-change-password-btn:active{background-color:#eee}@media (width<=1023px){.security-settings-container{padding:30px}.security-settings-header h1{font-size:28px}.security-settings-header p{font-size:16px}.security-settings-card{padding:30px}.security-card-title{margin-bottom:24px;font-size:20px}.security-profile-content{gap:40px}.security-form-row{gap:20px}.security-form-group label{font-size:16px}.security-security-item{padding:20px}.security-security-text h3{font-size:16px}.security-security-text p{font-size:14px}.security-change-password-btn{padding:12px 10px;font-size:14px}}@media (width<=767px){.security-settings-container{padding:20px}.security-settings-header{margin-bottom:24px}.security-settings-header h1{margin-bottom:8px;font-size:24px}.security-settings-header p{font-size:14px}.security-settings-card{margin-bottom:20px;padding:20px}.security-card-title{margin-bottom:20px;font-size:18px}.security-profile-content{flex-direction:column;gap:24px}.security-avatar-section{align-items:center}.security-avatar-container{width:120px;height:120px}.security-avatar-placeholder svg{width:50px;height:50px}.security-avatar-upload-btn{width:36px;height:36px}.security-avatar-upload-btn svg{width:18px;height:18px}.security-form-row{grid-template-columns:1fr;gap:16px;margin-bottom:16px}.security-form-group label{margin-bottom:6px;font-size:14px}.security-form-group input{padding:10px 14px;font-size:14px}.security-button-wrapper{justify-content:center;margin-top:20px}.security-save-btn{width:100%;max-width:200px;height:48px;font-size:14px}.security-security-content{gap:16px}.security-security-item{text-align:center;flex-direction:column;gap:16px;padding:16px}.security-security-text h3{margin-bottom:6px;font-size:16px}.security-security-text p{font-size:13px}.security-change-password-btn{justify-content:center;width:100%;padding:12px;font-size:14px}}@media (width<=479px){.security-settings-container{padding:16px}.security-settings-header h1{font-size:22px}.security-settings-header p{font-size:13px}.security-settings-card{padding:16px}.security-card-title{margin-bottom:16px;font-size:16px}.security-profile-content{gap:20px}.security-avatar-container{width:100px;height:100px}.security-avatar-placeholder svg{width:40px;height:40px}.security-avatar-upload-btn{width:32px;height:32px}.security-avatar-upload-btn svg{width:16px;height:16px}.security-avatar-info{font-size:11px}.security-form-group label{font-size:13px}.security-form-group input{padding:8px 12px;font-size:13px}.security-save-btn{max-width:180px;height:44px;font-size:13px}.security-security-item{padding:14px}.security-security-text h3{font-size:15px}.security-security-text p{font-size:12px}.security-change-password-btn{padding:10px;font-size:13px}}.CTSettings{background:#f5f7fb;justify-content:center;width:100%;height:auto;min-height:100vh;display:flex}.CTSettingsWrapper{flex-direction:column;gap:1rem;width:100%;max-width:1400px;height:auto;display:flex}.CTSettingsHead{color:#0f172a;flex-direction:column;justify-content:center;width:100%;min-height:15vh;padding:20px 0;font-family:Nunito;font-size:32px;font-weight:700;display:flex}.CTSettingsHead span{color:#042869;margin-top:8px;font-size:18px;font-weight:400}.CTSettingsProfileCard{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;width:100%;height:85vh;padding-right:10px;display:flex}.CTSettingsCardTitle{color:#03173c;align-items:center;width:100%;min-height:60px;padding:15px 20px;font-family:Nunito;font-size:22px;font-weight:600;display:flex}.CTSettingsProfileContent{flex-wrap:wrap;width:100%;padding-top:10px;display:flex}.CTSettingsProfileImage{flex-direction:column;align-items:center;gap:1rem;width:22%;margin-bottom:20px;display:flex}.CTSettingsAvatarHolder{border:1px solid #d1d5db;border-radius:50%;width:120px;height:120px;overflow:hidden}.CTSettingsAvatar{object-fit:contain;width:100%;height:100%}.CTSettingsProfileImage span{color:#9da4ae;font-family:Nunito;font-size:16px;font-weight:400}.CTSettingsForm{flex-direction:column;flex:1;gap:16px;min-width:300px;display:flex}.CTSettingsRow{flex-wrap:wrap;gap:20px;display:flex}.CTSettingsFieldEdit,.CTSettingsField{flex-direction:column;flex:1;gap:8px;min-width:180px;display:flex}.CTSettingsFieldEdit label,.CTSettingsField label{color:#03173c;font-family:Nunito;font-size:18px;font-weight:500}.CTSettingsFieldEdit input{color:#03173c;background:#fff;border:1px solid #d2d6db;border-radius:8px;outline:none;height:45px;padding:0 12px;font-family:Nunito;font-size:14px;font-weight:400}.CTSettingsField input{color:#03173c;background:#f9fafb;border:1px solid #d2d6db;border-radius:8px;height:45px;padding:0 12px;font-family:Nunito;font-size:16px;font-weight:400}.CTSettingsAddress{flex-direction:column;gap:8px;width:100%;display:flex}.CTSettingsAddress input{color:#03173c;background:#f9fafb;border:1px solid #d2d6db;border-radius:8px;height:45px;padding:0 12px;font-family:Nunito;font-size:16px;font-weight:400}.CTSettingsSaveBtnHolder{justify-content:flex-end;height:20%;margin-top:20px;display:flex}.CTSettingsSaveBtn{color:#fff;cursor:pointer;background:#0062f6;border:none;border-radius:8px;width:127px;height:54px;font-family:Nunito;transition:background .3s}.CTSettingsSaveBtn:hover{background:#0051cc}.CTSettingsSignatureCard{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;padding-bottom:20px;display:flex}.CTSettingsCardTitle2{color:#03173c;padding:15px 20px;font-size:22px;font-weight:600}.CTSignatureTextBox{flex-direction:column;gap:1rem;padding:0 20px;display:flex}.CTSignatureTextBox span{font-family:Nunito;font-weight:400;font-style:Regular;leading-trim:NONE;letter-spacing:0%;color:#03173c;font-family:Nunito;font-size:18px;line-height:100%}.CTSettingsSignatureBox{border:1px solid #d2d6db;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:22%;min-height:200px;padding:20px;display:flex}.CTSig{background:#f9fafb;border-radius:8px;width:84px;height:86px}.CTsigUploadHolder{flex-direction:column;justify-content:center;align-items:center;gap:.4rem;display:flex}.CTsigUploadBtn{color:#0062f6;cursor:pointer;background:0 0;border:1px solid #d2d6db;border-radius:6px;width:70%;height:34px;font-family:Nunito}.CTsigUploadHolder span{font-family:Nunito;font-weight:500;font-style:Medium;leading-trim:NONE;letter-spacing:0%;vertical-align:middle;color:#9da4ae;font-family:Nunito;font-size:12px;line-height:100%}.CTsigUploadBtn:hover{background:#f0f4ff;border-color:#0062f6}.CTSettingsSecurityCard{background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;height:22vh;padding:20px;display:flex}.CTSettingsSecurityText nav{color:#03173c;align-items:center;height:10vh;font-size:22px;font-weight:600;display:flex}.CTChangePass{color:#03173c;flex-direction:column;justify-content:center;height:10vh;font-size:18px;font-weight:600;display:flex}.CTChangePass span{color:#9da4ae;font-size:16px;font-weight:400}.CTSettingsPasswordBtn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:170px;height:45px}.CTSettingsPasswordBtn:hover{color:#0062f6;background:#f9fafb;border-color:#0062f6}.br-app-layout{background-color:#f5f6fa;min-height:100vh;display:flex;position:relative}.br-main-content{flex-direction:column;flex:1;width:100%;min-height:100vh;margin-left:280px;transition:margin-left .3s ease-in-out;display:flex}.br-page-content{background-color:#f5f6fa;flex:1;padding:24px 32px}.br-mobile-menu-btn{z-index:1100;color:#fff;cursor:pointer;background:#0062f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;transition:all .2s;display:none;position:fixed;top:20px;left:20px}.br-mobile-menu-btn:hover{background:#0052d0}.br-mobile-overlay{z-index:999;background-color:#00000080;animation:.3s brFadeIn;position:fixed;inset:0}@keyframes brFadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.br-main-content{margin-left:0}.br-page-content{padding:20px 24px}.br-mobile-menu-btn{display:flex}}@media (width<=480px){.br-page-content{padding:16px}}@media (width<=380px){.br-page-content{padding:12px}}@media (width>=769px){.br-main-content{margin-left:280px}}.br-header{z-index:100;background-color:#fff;border-bottom:1px solid #f0f0f0;justify-content:flex-end;align-items:center;gap:2rem;height:70px;padding:1rem 2rem;display:flex;position:sticky;top:0;left:0;right:0;box-shadow:0 4px 30px #0062f60d}.br-date-section{color:#03173c;align-items:center;gap:.5rem;font-family:Nunito;font-size:12px;font-weight:500;line-height:100%;display:flex}.br-date-section svg{color:#03173c;flex-shrink:0}.br-dropdown-section{position:relative}.br-dropdown-button{cursor:pointer;color:#03173c;background:0 0;border:none;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-family:Nunito;font-size:12px;font-weight:500;line-height:100%;transition:background-color .2s;display:flex}.br-dropdown-button:hover{background-color:#f5f5f5}.br-dropdown-button svg{transition:transform .2s}.br-dropdown-button:active svg{transform:rotate(180deg)}.br-dropdown-menu{z-index:1000;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;min-width:180px;animation:.2s ease-out brSlideDown;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:0 4px 12px #0000001a}@keyframes brSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.br-dropdown-menu p{color:#333;cursor:pointer;border-bottom:1px solid #f5f5f5;margin:0;padding:.75rem 1rem;font-size:.9rem;text-decoration:none;transition:background-color .2s;display:block}.br-dropdown-menu p:last-child{border-bottom:none}.br-dropdown-menu p:hover{background-color:#f5f5f5}.br-notification-section{cursor:pointer;color:#03173c;align-items:center;display:flex}.br-notification-section svg{font-size:22px}.br-profile-section-wrapper{position:relative}.br-profile-section{cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem .75rem;transition:background-color .2s;display:flex}.br-profile-section:hover{background-color:#f5f5f5}.br-user-profile{object-fit:cover;background-color:#f0f0f0;border-radius:50%;width:40px;height:40px}.br-user-info{flex-direction:column;gap:5px;display:flex}.br-user-name{color:#03173c;font-size:14px;font-weight:400;line-height:100%}.br-user-role{color:#6c737f;font-size:12px;font-weight:500;line-height:100%}.br-profile-dropdown-menu{z-index:1000;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;min-width:150px;animation:.2s ease-out brSlideDown;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 4px 12px #0000001a}.br-profile-dropdown-menu p{color:#333;cursor:pointer;border-bottom:1px solid #f5f5f5;margin:0;padding:.75rem 1rem;font-size:.9rem;text-decoration:none;transition:background-color .2s;display:block}.br-profile-dropdown-menu p:last-child{border-bottom:none}.br-profile-dropdown-menu p:hover{background-color:#f5f5f5}.br-profile-dropdown-menu p:last-child:hover{background-color:#fef2f2}@media (width<=768px){.br-header{flex-wrap:wrap;gap:1.5rem;height:auto;padding:.875rem 1.5rem}.br-date-section{font-size:.85rem}.br-dropdown-button{padding:.4rem .6rem;font-size:.85rem}.br-user-profile{width:36px;height:36px}.br-user-name{font-size:13px}.br-user-role{font-size:11px}}@media (width<=480px){.br-header{flex-wrap:nowrap;justify-content:flex-start;gap:.5rem;padding:.75rem 1rem}.br-date-section{gap:.3rem;font-size:.75rem}.br-date-section svg{width:14px;height:14px}.br-dropdown-section,.br-user-info{display:none}.br-profile-section{gap:0;padding:.3rem .5rem}.br-user-profile{width:32px;height:32px}}@media (width<=375px){.br-header{gap:.4rem;padding:.6rem .8rem}.br-date-section{font-size:.7rem}.br-user-profile{width:28px;height:28px}}.br-sidebar-container{z-index:1000;background-color:#fff;border-right:1px solid #e8e8e8;flex-direction:column;width:280px;height:100vh;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:0 15px 30px #0062f60d}.br-sidebar-logo{border-bottom:1px solid #e8e8e8;justify-content:center;align-items:center;padding:24px 20px;display:flex}.br-logo-icon{justify-content:center;align-items:center;display:flex}.br-logo{object-fit:contain;width:160px;height:auto}.br-sidebar-close-btn{cursor:pointer;color:#6c737f;z-index:1001;background:0 0;border:none;font-size:24px;display:none;position:absolute;top:20px;right:20px}.br-sidebar-close-btn:hover{color:#03173c}.br-sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:20px 16px;display:flex}.br-nav-link{color:#666;cursor:pointer;border-left:3px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-family:Nunito;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.br-nav-link:hover{color:#0062f6;background-color:#f1f7ff}.br-nav-link:hover .br-nav-icon{color:#0062f6}.br-nav-link.active{color:#0062f6;background-color:#f1f7ff;border-left-color:#0062f6}.br-nav-link.active .br-nav-icon{color:#0062f6}.br-nav-icon{width:24px;height:24px;color:inherit;justify-content:center;align-items:center;font-size:20px;display:flex}.br-nav-text{letter-spacing:0%;color:inherit;flex:1;font-size:15px;font-weight:600;line-height:100%}.br-sidebar-container::-webkit-scrollbar{width:6px}.br-sidebar-container::-webkit-scrollbar-track{background:0 0}.br-sidebar-container::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:3px}.br-sidebar-container::-webkit-scrollbar-thumb:hover{background:#bdbdbd}.br-sidebar-overlay{z-index:999;background-color:#00000080;animation:.3s brFadeIn;position:fixed;inset:0}@media (width<=768px){.br-sidebar-container{width:280px;transform:translate(-100%)}.br-sidebar-container.mobile-open{transform:translate(0)}.br-sidebar-close-btn{display:block}.br-sidebar-logo{padding:20px}.br-logo{width:140px}.br-sidebar-nav{gap:6px;padding:16px}.br-nav-link{padding:10px 14px;font-size:14px}.br-nav-icon{width:22px;height:22px;font-size:18px}.br-nav-text{font-size:14px}}@media (width<=480px){.br-sidebar-container{width:85%;max-width:280px}.br-sidebar-logo{justify-content:center;padding:16px}.br-logo{width:120px}.br-sidebar-nav{padding:12px}.br-nav-link{padding:10px 12px}.br-nav-icon{width:20px;height:20px;font-size:16px}.br-nav-text{font-size:13px}.br-sidebar-close-btn{font-size:20px;top:15px;right:15px}}@media (width>=769px){.br-sidebar-container{transform:translate(0)!important}}.br-footer{box-sizing:border-box;background:#fff;border-top:1px solid #e0e0e0;justify-content:center;align-items:center;width:100%;margin-top:auto;padding:17px 32px;display:flex}.br-footer p{letter-spacing:0%;color:#9da4ae;text-align:center;margin:0;font-family:Nunito;font-size:14px;font-weight:400;line-height:100%}@media screen and (width<=768px){.br-footer{padding:14px 24px}.br-footer p{font-size:11px}}@media screen and (width<=480px){.br-footer{padding:12px 16px}.br-footer p{font-size:10px}}.br-dash{background:#f5f7fb;justify-content:center;align-items:center;width:100%;min-height:100vh;margin:0;padding:0;display:flex}.br-dash-wrapper{flex-direction:column;gap:2rem;width:100%;max-width:1400px;margin:0 auto;display:flex}.br-greetings{letter-spacing:0%;color:#0f172a;flex-direction:column;font-family:Nunito;font-size:32px;font-weight:700;line-height:100%;display:flex}.br-greetings span{letter-spacing:0%;color:#042869;margin-top:8px;font-family:Nunito;font-size:18px;font-weight:400;line-height:100%}.br-cards{flex-wrap:wrap;gap:1.4rem;width:100%;display:flex}.br-attendance,.br-fee-collected,.br-outstanding-fee,.br-collection-rate{background:#fff;border-radius:10px;flex:1;justify-content:space-between;align-items:center;min-width:200px;padding:10px 16px;display:flex}.br-attendance{border-left:3px solid #0062f6}.br-fee-collected{border-left:3px solid #8b5cf6}.br-outstanding-fee{border-left:3px solid #f59e0b}.br-collection-rate{border-left:3px solid #43b75d}.br-text{color:#03173c;flex-direction:column;gap:4px;width:auto;font-family:Nunito;font-size:15px;font-weight:600;display:flex}.br-pending,.br-number,.br-percentage{color:#03173c;font-family:Nunito;font-size:24px;font-weight:700}.br-pending{color:#ea580c;background:#ffedd5;border-radius:12px;width:fit-content;padding:5px 12px;font-size:14px;font-weight:500}.br-image-holder1,.br-image-holder2,.br-image-holder3,.br-image-holder4{border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.br-image-holder1{background:#eaf2ff}.br-image-holder2{background:#f3e8ff}.br-image-holder3{background:#fef3c7}.br-image-holder4{background:#dcfce7}.br-img{object-fit:contain;width:50px;height:50px}.br-checkin{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:20px;width:100%;display:flex}.br-qr{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:15px;min-width:280px;padding:30px 20px;display:flex}.br-qr-holder{background:#f1f7ff;border-radius:8px;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.br-qr-img{object-fit:contain;width:50px;height:50px}.br-reminder{text-align:center;color:#042869;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:90%;font-family:Nunito;font-size:24px;font-weight:600;display:flex}.br-reminder span{text-align:center;color:#6c737f;font-family:Nunito;font-size:18px;font-weight:400}.br-scan{text-align:center;color:#fff;cursor:pointer;background:#0062f6;border:none;border-radius:14px;width:90%;padding:14px;font-family:Nunito;font-size:18px;font-weight:600;transition:background .2s;box-shadow:0 1px 7px #0062f6}.br-scan:hover{background:#0052d0}.br-announcement{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;flex:1;min-width:280px;display:flex;overflow:hidden}.br-announce-head{color:#03173c;background:#fff;border-bottom:1px solid #f3f4f6;align-items:center;width:100%;padding:20px;font-family:Nunito;font-size:22px;font-weight:600;display:flex}.br-announcement-view{flex-direction:column;flex:1;gap:12px;max-height:400px;padding:20px;display:flex;overflow-y:auto}.br-announcement-content{background:#f8fafd;border-left:4px solid #0062f6;border-radius:0 8px 8px 0;flex-direction:column;gap:8px;padding:12px 0 12px 15px;display:flex}.br-announce-date{color:#03173c;justify-content:space-between;align-items:center;width:100%;font-family:Nunito;font-size:15px;font-weight:500;display:flex}.br-announce-date span{color:#9da4ae;font-family:Nunito;font-size:12px;font-weight:500}.br-announce-text{color:#6c737f;margin:0;font-family:Nunito;font-size:13px;font-weight:400;line-height:1.4}@media screen and (width<=1024px){.br-cards{gap:1rem}.br-attendance,.br-fee-collected,.br-outstanding-fee,.br-collection-rate{min-width:calc(50% - .5rem)}.br-greetings{font-size:28px}.br-greetings span{font-size:16px}}@media screen and (width<=768px){.br-dash{min-height:auto;padding:20px 0}.br-dash-wrapper{gap:1.5rem;width:95%}.br-greetings{font-size:24px}.br-greetings span{font-size:14px}.br-cards{flex-direction:column;gap:12px}.br-attendance,.br-fee-collected,.br-outstanding-fee,.br-collection-rate{width:100%;min-width:auto;padding:14px}.br-text{font-size:14px}.br-pending,.br-number,.br-percentage{font-size:20px}.br-pending{padding:4px 10px;font-size:12px}.br-image-holder1,.br-image-holder2,.br-image-holder3,.br-image-holder4{width:55px;height:55px}.br-img{width:30px;height:30px}.br-checkin{flex-direction:column;gap:16px}.br-qr,.br-announcement{width:100%;min-width:auto}.br-qr{padding:24px}.br-reminder{font-size:18px}.br-reminder span{font-size:14px}.br-scan{padding:12px;font-size:16px}.br-announce-head{padding:15px;font-size:18px}.br-announcement-view{padding:15px}.br-announce-date{font-size:14px}.br-announce-text{font-size:12px}}@media screen and (width<=480px){.br-dash-wrapper{gap:1rem;width:95%}.br-greetings{font-size:20px}.br-greetings span{font-size:12px}.br-attendance,.br-fee-collected,.br-outstanding-fee,.br-collection-rate{padding:12px}.br-text{font-size:13px}.br-pending,.br-number,.br-percentage{font-size:18px}.br-pending{padding:3px 8px;font-size:11px}.br-image-holder1,.br-image-holder2,.br-image-holder3,.br-image-holder4{width:48px;height:48px}.br-img{width:26px;height:26px}.br-qr-holder{width:65px;height:65px}.br-qr-img{width:40px;height:40px}.br-reminder{font-size:16px}.br-reminder span{font-size:12px}.br-scan{font-size:14px}.br-announce-head{padding:12px;font-size:16px}.br-announcement-view{padding:12px}.br-announce-date{flex-direction:column;align-items:flex-start;gap:4px;font-size:13px}.br-announce-text{font-size:11px}}@media screen and (width<=375px){.br-greetings{font-size:18px}.br-text{font-size:12px}.br-pending,.br-number,.br-percentage{font-size:16px}.br-image-holder1,.br-image-holder2,.br-image-holder3,.br-image-holder4{width:42px;height:42px}.br-img{width:22px;height:22px}.br-reminder{font-size:14px}.br-scan{font-size:12px}}.br-payment-history{background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;overflow:hidden}.br-payment-header{justify-content:space-between;align-items:center;padding:24px 18px;display:flex}.br-payment-header h3{color:#03173c;margin:0;font-family:Nunito;font-size:20px;font-weight:700}.br-view-all{cursor:pointer;color:#0062f6;background:0 0;border:none;align-items:center;gap:6px;font-family:Nunito;font-size:15px;font-weight:600;display:flex}.br-payment-table-wrapper{width:100%;overflow-x:auto}.br-payment-table{border-collapse:collapse;width:100%}.br-payment-table thead tr{background:#f3f4f6}.br-payment-table th{text-align:left;color:#03173c;padding:18px;font-family:Nunito;font-size:15px;font-weight:600}.br-payment-table td{color:#042869;border-top:1px solid #f1f5f9;padding:18px;font-family:Nunito;font-size:15px;font-weight:500}.br-payment-table tbody tr{background:#fff}.br-payment-table tbody tr:hover{background:#fafafa}.br-status{color:#16a34a;background:#dcfce7;border-radius:999px;justify-content:center;align-items:center;padding:5px 14px;font-family:Nunito;font-size:10px;font-weight:600;display:inline-flex}.br-action{text-align:center;cursor:pointer;color:#475569;font-size:20px}.br-payment-table input[type=checkbox]{cursor:pointer;width:16px;height:16px}@media screen and (width<=1024px){.br-payment-header{padding:18px 16px}.br-payment-header h3{font-size:18px}.br-payment-table th,.br-payment-table td{padding:14px;font-size:14px}}@media screen and (width<=768px){.br-payment-history{border-radius:10px}.br-payment-header{padding:16px}.br-payment-header h3{font-size:18px}.br-view-all{font-size:13px}.br-payment-table{min-width:900px}.br-payment-table th,.br-payment-table td{padding:12px;font-size:13px}.br-status{padding:4px 10px;font-size:12px}.br-action{font-size:18px}}@media screen and (width<=480px){.br-payment-header{padding:14px}.br-payment-header h3{font-size:16px}.br-view-all{font-size:12px}.br-payment-table{min-width:820px}.br-payment-table th,.br-payment-table td{padding:10px;font-size:12px}.br-status{padding:4px 8px;font-size:11px}.br-payment-table input[type=checkbox]{width:14px;height:14px}}.fm-page{background:#f5f7fb;width:100%;min-height:100vh}.fm-wrapper{flex-direction:column;gap:40px;width:100%;margin:0 auto;display:flex}.fm-header h1{color:#0f172a;margin:0;font-family:Nunito;font-size:42px;font-weight:700}.fm-header p{color:#042869;margin-top:8px;font-family:Nunito;font-size:18px}.fm-cards{flex-wrap:wrap;gap:1.4rem;width:100%;display:flex}.fm-attendance,.fm-fee-collected,.fm-outstanding-fee,.fm-collection-rate{background:#fff;border-radius:10px;flex:1;justify-content:space-between;align-items:center;min-width:200px;padding:10px 16px;display:flex}.fm-attendance{border-left:3px solid #0062f6}.fm-fee-collected{border-left:3px solid #8b5cf6}.fm-outstanding-fee{border-left:3px solid #f59e0b}.fm-collection-rate{border-left:3px solid #43b75d}.fm-text{color:#03173c;flex-direction:column;gap:4px;width:auto;font-family:Nunito;font-size:15px;font-weight:600;display:flex}.fm-pending,.fm-number,.fm-percentage{color:#03173c;font-family:Nunito;font-size:24px;font-weight:700}.fm-pending{color:#ea580c;background:#ffedd5;border-radius:12px;width:fit-content;padding:5px 12px;font-size:14px;font-weight:500}.fm-image-holder1,.fm-image-holder2,.fm-image-holder3,.fm-image-holder4{border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.fm-image-holder1{background:#eaf2ff}.fm-image-holder2{background:#f3e8ff}.fm-image-holder3{background:#fef3c7}.fm-image-holder4{background:#dcfce7}.fm-img{object-fit:contain;width:50px;height:50px}.fm-filter-box{background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:flex-end;gap:20px;padding:20px;display:flex}.fm-filters{flex-wrap:wrap;gap:18px;display:flex}.fm-field{flex-direction:column;gap:8px;display:flex}.fm-field label{color:#042869;font-family:Nunito;font-size:14px;font-weight:600}.fm-field select{border:1px solid #d1d5db;border-radius:8px;outline:none;width:180px;height:42px;padding:0 12px;font-family:Nunito}.fm-actions{gap:14px;display:flex}.fm-export{color:#fff;cursor:pointer;background:#0062f6;border:none;border-radius:8px;height:46px;padding:0 22px;font-family:Nunito;font-weight:600}.fm-reset{color:#042869;cursor:pointer;background:#fff;border:1px solid #0062f6;border-radius:8px;height:46px;padding:0 22px;font-family:Nunito;font-weight:600}.fm-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.fm-table-wrapper{overflow-x:auto}.fm-table{border-collapse:collapse;width:100%}.fm-table thead{background:#f3f4f6}.fm-table th{text-align:left;color:#03173c;font-family:Nunito;font-size:15px;font-weight:600}.fm-table td{color:#042869;border-top:1px solid #edf2f7;padding:18px;font-family:Nunito;font-size:15px}.fm-action{text-align:center;cursor:pointer;font-size:22px}.fm-status{border-radius:999px;justify-content:center;align-items:center;padding:5px 12px;font-family:Nunito;font-size:13px;font-weight:600;display:inline-flex}.fm-full{color:#16a34a;background:#dcfce7}.fm-part{color:#ea580c;background:#ffedd5}.fm-unpaid{color:#ef4444;background:#fee2e2}.fm-pagination{border-top:1px solid #edf2f7;justify-content:space-between;align-items:center;padding:20px;display:flex}.fm-pagination p{color:#6b7280;margin:0;font-family:Nunito}.fm-pages{align-items:center;gap:10px;display:flex}.fm-pages button{cursor:pointer;color:#042869;background:0 0;border:none;border-radius:8px;width:34px;height:34px}.fm-pages .active{color:#fff;background:#0062f6}.fm-rows{color:#6b7280;align-items:center;gap:10px;font-family:Nunito;display:flex}.fm-rows select{border:1px solid #d1d5db;border-radius:6px;height:38px;padding:0 10px}@media (width<=1024px){.fm-cards{grid-template-columns:repeat(2,1fr)}.fm-filter-box{flex-direction:column;align-items:stretch}.fm-actions{width:100%}}@media (width<=768px){.fm-page{padding:20px 12px}.fm-header h1{font-size:30px}.fm-header p{font-size:14px}.fm-cards{grid-template-columns:1fr}.fm-filters{flex-direction:column}.fm-field select{width:100%}.fm-actions{flex-direction:column}.fm-export,.fm-reset{width:100%}.fm-pagination{flex-direction:column;gap:15px}.fm-table th,.fm-table td{padding:12px;font-size:13px}}@media (width<=480px){.fm-header h1{font-size:24px}.fm-card h2{font-size:30px}.fm-icon{width:58px;height:58px;font-size:24px}}.fd-page{background:#f5f7fb;width:100%;min-height:100vh}.fd-wrapper{flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;display:flex}.fd-topbar{justify-content:space-between;align-items:center;display:flex}.fd-topbar h1{color:#0f172a;margin:0;font-family:Nunito;font-size:32px;font-weight:700}.fd-breadcrumb{color:#64748b;font-family:Nunito;font-size:14px}.fd-breadcrumb b{color:#0f172a}.fd-student-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:20px;padding:20px;display:flex}.fd-avatar{color:#2dd4bf;background:#e6f7ff;border:1px solid #2dd4bf;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:28px;font-weight:700;display:flex}.fd-student-info h2{color:#0f172a;margin:0;font-family:Nunito;font-size:22px}.fd-meta{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:10px;display:grid}.fd-meta p{color:#64748b;margin:0;font-size:12px}.fd-meta span{color:#0f172a;font-weight:600}.fd-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.fd-card h3{color:#0f172a;margin-bottom:15px;font-family:Nunito;font-size:18px}.fd-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.fd-grid span{color:#64748b;font-size:12px}.fd-grid p{color:#0f172a;font-weight:600}.fd-table{border-collapse:collapse;width:100%}.fd-table th{text-align:left;background:#f3f4f6;padding:12px;font-family:Nunito}.fd-table td{color:#0f172a;border-top:1px solid #eef2f7;padding:12px;font-family:Nunito}.fd-pill{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-block}.fd-pill.orange{color:#ea580c;background:#ffedd5}.fd-pill.green{color:#16a34a;background:#dcfce7}.fd-actions{gap:15px;display:flex}.fd-primary{color:#fff;cursor:pointer;background:#0062f6;border:none;border-radius:8px;padding:12px 18px}.fd-outline{color:#0062f6;cursor:pointer;background:#fff;border:1px solid #0062f6;border-radius:8px;padding:12px 18px}@media (width<=768px){.fd-meta{grid-template-columns:repeat(2,1fr)}.fd-grid{grid-template-columns:1fr}.fd-student-card{flex-direction:column;align-items:flex-start}.fd-topbar{flex-direction:column;align-items:flex-start;gap:10px}}.BRSettings{background:#f5f7fb;justify-content:center;width:100%;height:auto;min-height:100vh;display:flex}.BRSettingsWrapper{flex-direction:column;gap:1.4rem;width:95%;max-width:1400px;height:auto;display:flex}.BRSettingsHead{color:#0f172a;flex-direction:column;justify-content:center;width:100%;min-height:15vh;padding:20px 0;font-family:Nunito;font-size:32px;font-weight:700;display:flex}.BRSettingsHead span{color:#042869;margin-top:8px;font-size:18px;font-weight:400}.BRSettingsProfileCard{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;width:100%;display:flex}.BRSettingsCardTitle{color:#03173c;align-items:center;width:100%;min-height:60px;padding:15px 20px;font-family:Nunito;font-size:22px;font-weight:600;display:flex}.BRSettingsProfileContent{flex-wrap:wrap;width:100%;padding:20px;display:flex}.BRSettingsProfileImage{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:250px;margin-bottom:20px;display:flex}.BRSettingsAvatarHolder{border:1px solid #d1d5db;border-radius:50%;width:120px;height:120px;overflow:hidden}.BRSettingsAvatar{object-fit:contain;width:100%;height:100%}.BRSettingsProfileImage span{color:#9da4ae;font-family:Nunito;font-size:14px}.BRSettingsForm{flex-direction:column;flex:1;gap:16px;min-width:300px;display:flex}.BRSettingsRow{flex-wrap:wrap;gap:20px;display:flex}.BRSettingsFieldEdit,.BRSettingsField{flex-direction:column;flex:1;gap:8px;min-width:200px;display:flex}.BRSettingsFieldEdit label,.BRSettingsField label{color:#03173c;font-size:16px}.BRSettingsFieldEdit input,.BRSettingsField input{border:1px solid #d2d6db;border-radius:8px;height:45px;padding:0 12px;font-size:14px}.BRSettingsField input{background:#f9fafb}.BRSettingsAddress{flex-direction:column;gap:8px;width:100%;display:flex}.BRSettingsAddress input{background:#f9fafb;border:1px solid #d2d6db;border-radius:8px;height:45px;padding:0 12px;font-size:14px}.BRSettingsSaveBtnHolder{justify-content:flex-end;margin-top:20px;display:flex}.BRSettingsSaveBtn{color:#fff;cursor:pointer;background:#0062f6;border:none;border-radius:8px;width:127px;height:54px}.BRSettingsSaveBtn:hover{background:#0051cc}.BRSettingsSecurityCard{background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;padding:20px;display:flex}.BRSettingsSecurityText nav{color:#03173c;width:auto;height:8vh;font-size:22px;font-weight:600}.BRChangePass{color:#03173c;flex-direction:column;width:auto;height:8vh;font-size:18px;font-weight:600;display:flex}.BRChangePass span{color:#9da4ae;font-size:14px}.BRSettingsPasswordBtn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:170px;height:45px}.BRSettingsPasswordBtn:hover{color:#0062f6;background:#f9fafb;border-color:#0062f6}.SubjectTeacherSidebar_Container{z-index:1000;background-color:#fff;border-right:1px solid #e8e8e8;flex-direction:column;width:280px;height:100vh;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:0 15px 30px #0062f60d}.SubjectTeacherSidebar-sidebar-logo{justify-content:center;width:90%;height:11%;margin-bottom:10px;display:flex}.SubjectTeacherSidebar-logo-icon{width:100%;height:100%;display:flex}.SubjectTeacherSidebar-Ucheva{width:180px;height:70px;margin-right:30px}.SubjectTeacherSidebar-nav{flex-direction:column;gap:8px;margin-left:30px;margin-right:40px;padding:0 16px;display:flex}.SubjectTeacherSidebar-nav-link{color:#666;cursor:pointer;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.SubjectTeacherSidebar-nav-link:hover{color:#666;background-color:#f1f7ff}.SubjectTeacherSidebar-nav-link:hover .SubjectTeacherSidebar-nav-icon,.SubjectTeacherSidebar-nav-link:hover .SubjectTeacherSidebar-nav-text{color:#666}.SubjectTeacherSidebar-nav-link.SubjectTeacherSidebar-active{color:#0d62f6;background-color:#f1f7ff;border-left-color:#0d62f6}.SubjectTeacherSidebar-nav-link.SubjectTeacherSidebar-active .SubjectTeacherSidebar-nav-icon,.SubjectTeacherSidebar-nav-link.SubjectTeacherSidebar-active .SubjectTeacherSidebar-nav-text{color:#0d62f6}.SubjectTeacherSidebar-nav-icon{width:24px;height:24px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.SubjectTeacherSidebar-nav-text{font-weight:600;font-style:SemiBold;letter-spacing:0%;color:inherit;flex:1;font-size:16px;line-height:100%}.SubjectTeacherSidebar_Container::-webkit-scrollbar{width:6px}.SubjectTeacherSidebar_Container::-webkit-scrollbar-track{background:0 0}.SubjectTeacherSidebar_Container::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:3px}.SubjectTeacherSidebar_Container::-webkit-scrollbar-thumb:hover{background:#bdbdbd}.SubjectTeacherSidebar-mobile-menu-btn{z-index:1100;color:#000;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:none;position:fixed;top:20px;left:20px}.SubjectTeacherSidebar-mobile-menu-btn:hover{background:0 0}.SubjectTeacherSidebar-mobile-overlay{z-index:999;background-color:#00000080;animation:.3s SubjectTeacherSidebar-fadeIn;display:none;position:fixed;inset:0}@keyframes SubjectTeacherSidebar-fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.SubjectTeacherSidebar_Container{width:240px;transform:translate(-100%)}.SubjectTeacherSidebar_Container.SubjectTeacherSidebar-mobile-open{transform:translate(0)}.SubjectTeacherSidebar-mobile-menu-btn{display:flex}.SubjectTeacherSidebar-mobile-overlay{display:block}.SubjectTeacherSidebar-nav-link{font-size:14px}.SubjectTeacherSidebar-Ucheva{width:140px;height:45px}}@media (width<=480px){.SubjectTeacherSidebar_Container{width:85%;max-width:280px}.SubjectTeacherSidebar-sidebar-logo{justify-content:center;margin-bottom:20px}.SubjectTeacherSidebar-logo-icon{justify-content:center}.SubjectTeacherSidebar-Ucheva{width:120px;height:40px}.SubjectTeacherSidebar-nav{padding:0 12px}.SubjectTeacherSidebar-nav-link{padding:14px 16px}.SubjectTeacherSidebar-nav-icon{width:22px;height:22px}.SubjectTeacherSidebar-nav-text{font-size:15px}.SubjectTeacherSidebar-mobile-menu-btn{width:40px;height:40px;top:15px;left:15px}}@media (width<=380px){.SubjectTeacherSidebar_Container{width:90%;max-width:260px}.SubjectTeacherSidebar-Ucheva{width:100px;height:35px}.SubjectTeacherSidebar-nav-link{padding:12px 14px}.SubjectTeacherSidebar-nav-text{font-size:14px}.SubjectTeacherSidebar-nav-icon{width:20px;height:20px}}@media (width>=769px){.SubjectTeacherSidebar_Container{transform:translate(0)!important}}.SubjectTeacherHeader-teacher-header{z-index:900;box-sizing:border-box;background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;width:calc(100vw - 280px);padding:16px 32px;display:flex;position:fixed;top:0;left:280px;right:0}.SubjectTeacherHeader-header-left{flex:1;align-items:center;gap:12px;display:flex}.SubjectTeacherHeader-calendar-icon{color:#374151;flex-shrink:0}.SubjectTeacherHeader-date-text{color:#374151;white-space:nowrap;font-size:14px;font-weight:500}.SubjectTeacherHeader-header-center{flex:1;justify-content:center;align-items:center;gap:24px;display:flex}.SubjectTeacherHeader-session-text,.SubjectTeacherHeader-term-text{color:#374151;font-size:14px;font-weight:500}.SubjectTeacherHeader-header-right{flex:1;justify-content:flex-end;align-items:center;gap:20px;display:flex}.SubjectTeacherHeader-notification-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:color .2s;display:flex}.SubjectTeacherHeader-notification-btn:hover{color:#1f2937}.SubjectTeacherHeader-bell-icon{color:#1f2937;flex-shrink:0}.SubjectTeacherHeader-profile-section{align-items:center;gap:12px;display:flex}.SubjectTeacherHeader-profile-avatar{border:2px solid #e5e7eb;border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.SubjectTeacherHeader-profile-avatar img{object-fit:cover;width:100%;height:100%}.SubjectTeacherHeader-profile-info{flex-direction:column;gap:2px;display:flex}.SubjectTeacherHeader-profile-name{color:#1f2937;white-space:nowrap;margin:0;font-size:14px;font-weight:600}.SubjectTeacherHeader-profile-role{color:#6b7280;white-space:nowrap;margin:0;font-size:12px}@media (width<=1024px){.SubjectTeacherHeader-teacher-header{padding:12px 24px}.SubjectTeacherHeader-header-center,.SubjectTeacherHeader-header-right{gap:16px}.SubjectTeacherHeader-session-text,.SubjectTeacherHeader-term-text{font-size:13px}}@media (width<=768px){.SubjectTeacherHeader-teacher-header{flex-wrap:wrap;gap:12px;width:100vw;padding:12px 16px;left:0}.SubjectTeacherHeader-header-left,.SubjectTeacherHeader-header-center,.SubjectTeacherHeader-header-right{flex:none}.SubjectTeacherHeader-header-left{flex-basis:100%;order:1}.SubjectTeacherHeader-header-center{flex-basis:100%;order:2;gap:12px}.SubjectTeacherHeader-header-right{flex-basis:100%;order:3;justify-content:flex-start}.SubjectTeacherHeader-date-text,.SubjectTeacherHeader-session-text,.SubjectTeacherHeader-term-text{font-size:12px}.SubjectTeacherHeader-profile-avatar{width:36px;height:36px}.SubjectTeacherHeader-profile-name,.SubjectTeacherHeader-profile-role{display:none}}.nunito-content{font-optical-sizing:auto;font-family:Nunito,sans-serif}.SubjectTeacherLayout-app-layout{background-color:#f5f6fa;min-height:100vh;display:flex;overflow-x:hidden}.SubjectTeacherLayout-main-content{box-sizing:border-box;flex-direction:column;flex:1;width:calc(100vw - 280px);max-width:calc(100vw - 280px);min-height:100vh;margin-left:280px;padding-top:78px;transition:margin-left .3s ease-in-out;display:flex}.SubjectTeacherLayout-page-content{box-sizing:border-box;background-color:#f5f6fa;flex:1;padding:24px 32px 94px}@media (width<=768px){.SubjectTeacherLayout-main-content{width:100%;max-width:100%;margin-left:0;padding-top:78px}.SubjectTeacherLayout-page-content{padding:20px 24px}}@media (width<=480px){.SubjectTeacherLayout-page-content{padding:16px}}@media (width<=380px){.SubjectTeacherLayout-page-content{padding:12px}}@media (width>=769px){.SubjectTeacherLayout-main-content{width:calc(100vw - 280px);max-width:calc(100vw - 280px);margin-left:280px}}.SubjectTeacherDashboard-dashboard-container{background-color:#f5f5f5;max-width:1400px;min-height:100vh;margin:0 auto;padding:40px 20px}.SubjectTeacherDashboard-dashboard-header{justify-content:space-between;align-items:flex-start;margin-bottom:40px;display:flex}.SubjectTeacherDashboard-header-greeting h1{color:#1a1a1a;margin:0 0 8px;font-size:32px;font-weight:700}.SubjectTeacherDashboard-header-greeting p{color:#2c5aa0;margin:0;font-size:16px;font-weight:500}.SubjectTeacherDashboard-stats-cards-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px;display:grid}.SubjectTeacherDashboard-stat-card{background-color:#fff;border-left:4px solid #ddd;border-radius:12px;align-items:center;gap:20px;padding:24px;display:flex;box-shadow:0 1px 3px #0000000d}.SubjectTeacherDashboard-stat-card:first-child{border-left-color:#06c}.SubjectTeacherDashboard-stat-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.SubjectTeacherDashboard-stat-icon.SubjectTeacherDashboard-blue-icon{background-color:#06c}.SubjectTeacherDashboard-stat-icon.SubjectTeacherDashboard-purple-icon{background-color:#a855f7}.SubjectTeacherDashboard-stat-icon.SubjectTeacherDashboard-yellow-icon{background-color:#f59e0b}.SubjectTeacherDashboard-stat-icon.SubjectTeacherDashboard-green-icon{background-color:#10b981}.SubjectTeacherDashboard-stat-content{flex:1}.SubjectTeacherDashboard-stat-label{color:#666;margin:0 0 8px;font-size:14px;font-weight:500}.SubjectTeacherDashboard-stat-value{color:#1a1a1a;margin:0;font-size:24px;font-weight:700}.SubjectTeacherDashboard-stat-value.SubjectTeacherDashboard-checked-in{color:#10b981;font-size:16px;font-weight:600}.SubjectTeacherDashboard-main-content{grid-template-columns:1fr 1fr;gap:24px;display:grid}.SubjectTeacherDashboard-checked-in-card{text-align:center;background-color:#fff;border-radius:12px;padding:40px 24px;box-shadow:0 1px 3px #0000000d}.SubjectTeacherDashboard-qr-icon{color:#06c;justify-content:center;margin-bottom:20px;display:flex}.SubjectTeacherDashboard-checked-in-card h2{color:#1a1a1a;margin:0 0 12px;font-size:24px;font-weight:600}.SubjectTeacherDashboard-check-in-time{color:#666;margin:0 0 16px;font-size:14px;font-weight:500}.SubjectTeacherDashboard-check-in-description{color:#999;margin:0 0 28px;font-size:14px;line-height:1.5}.SubjectTeacherDashboard-check-out-btn{color:#fff;cursor:pointer;background-color:#06c;border:none;border-radius:8px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:background-color .2s}.SubjectTeacherDashboard-check-out-btn:hover{background-color:#0052a3}.SubjectTeacherDashboard-announcements-card{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.SubjectTeacherDashboard-announcements-card h2{color:#1a1a1a;margin:0 0 24px;font-size:20px;font-weight:600}.SubjectTeacherDashboard-announcements-list{flex-direction:column;gap:16px;display:flex}.SubjectTeacherDashboard-announcement-item{border-bottom:1px solid #f0f0f0;gap:12px;padding-bottom:16px;display:flex}.SubjectTeacherDashboard-announcement-item:last-child{border-bottom:none;padding-bottom:0}.SubjectTeacherDashboard-announcement-left-border{background-color:#06c;border-radius:2px;flex-shrink:0;width:4px;height:auto;min-height:60px}.SubjectTeacherDashboard-announcement-content{flex:1}.SubjectTeacherDashboard-announcement-header{justify-content:space-between;align-items:flex-start;margin-bottom:6px;display:flex}.SubjectTeacherDashboard-announcement-header h3{color:#1a1a1a;margin:0;font-size:15px;font-weight:600}.SubjectTeacherDashboard-announcement-date{color:#999;font-size:12px;font-weight:500}.SubjectTeacherDashboard-announcement-content p{color:#666;margin:0;font-size:13px;line-height:1.5}@media (width<=1024px){.SubjectTeacherDashboard-main-content{grid-template-columns:1fr}.SubjectTeacherDashboard-stats-cards-container{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.SubjectTeacherDashboard-dashboard-container{padding:24px 16px}.SubjectTeacherDashboard-dashboard-header{flex-direction:column;align-items:flex-start;gap:20px}.SubjectTeacherDashboard-header-greeting h1{font-size:24px}.SubjectTeacherDashboard-stats-cards-container{grid-template-columns:1fr;gap:16px}.SubjectTeacherDashboard-stat-card{gap:16px;padding:20px}.SubjectTeacherDashboard-stat-icon{width:48px;height:48px}.SubjectTeacherDashboard-stat-value{font-size:20px}.SubjectTeacherDashboard-checked-in-card{padding:30px 20px}.SubjectTeacherDashboard-checked-in-card h2{font-size:20px}.SubjectTeacherDashboard-announcements-card h2{font-size:18px}.SubjectTeacherDashboard-announcement-left-border{min-height:50px}}.scores-container{color:#1a1a1a;background-color:#f8f9fa;padding:32px}.header-section{margin-bottom:32px}.main-title{color:#1a1a1a;margin:0 0 8px;font-size:32px;font-weight:600}.subtitle{color:#2c3e7f;margin:0;font-size:14px;font-weight:500}.subject-cards{gap:16px;margin-bottom:32px;padding-bottom:8px;display:flex;overflow-x:auto}.subject-card{cursor:pointer;text-align:left;background-color:#fff;border:2px solid #e0e0e0;border-radius:12px;flex:none;min-width:180px;padding:20px 16px;transition:all .3s}.subject-card:hover{border-color:#06f;box-shadow:0 2px 8px #0066ff1a}.subject-card.active{background-color:#fff;border-color:#06f;box-shadow:0 2px 12px #06f3}.subject-name{color:#666;margin-bottom:8px;font-size:13px;font-weight:500}.subject-class{color:#1a1a1a;font-size:18px;font-weight:600}.selected-subject-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 0;display:flex}.selected-subject-title{color:#1a1a1a;margin:0;font-size:18px;font-weight:600}.save-button{color:#fff;cursor:pointer;background-color:#06f;border:none;border-radius:8px;padding:12px 32px;font-size:14px;font-weight:600;transition:all .3s}.save-button:hover{background-color:#0052cc;box-shadow:0 4px 12px #0066ff4d}.save-button:active{transform:translateY(1px)}.table-wrapper{background-color:#fff;border-radius:8px;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 3px #00000014}.scores-table{border-collapse:collapse;width:100%;font-size:14px}.scores-table thead{background-color:#f0f2f7}.scores-table th{text-align:left;color:#2c3e7f;border-bottom:2px solid #e0e0e0;padding:16px;font-weight:600}.scores-table td{color:#2c3e7f;border-bottom:1px solid #f0f2f7;padding:12px 16px}.scores-table tbody tr:last-child td{border-bottom:none}.scores-table tbody tr:hover{background-color:#f8f9fa}.student-name{color:#2c3e7f;font-weight:600}.admission-number{color:#666}.header-cell{margin-bottom:4px;font-weight:600}.header-marks{color:#888;font-size:12px;font-weight:400}.score-input{text-align:center;border:1px solid #d0d0d0;border-radius:6px;width:70px;padding:8px 10px;font-size:14px;transition:border-color .3s}.score-input:focus{border-color:#06f;outline:none;box-shadow:0 0 0 2px #0066ff1a}.pagination-section{justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 0;display:flex}.showing-text{color:#666;font-size:13px}.pagination-nav{cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .3s;display:flex}.pagination-nav:hover{color:#06f;border-color:#06f}.pagination-number{cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.pagination-number:hover{color:#06f;border-color:#06f}.pagination-number.active{color:#fff;background-color:#06f;border-color:#06f}.pagination-dots{color:#888;padding:0 4px}.rows-per-page select{cursor:pointer;background-color:#fff;border:1px solid #d0d0d0;border-radius:6px;padding:6px 12px;font-size:13px;transition:border-color .3s}.rows-per-page select:hover{border-color:#06f}.rows-per-page select:focus{border-color:#06f;outline:none}.info-box{color:#06f;background-color:#e6f2ff;border:2px solid #06f;border-radius:8px;align-items:flex-start;gap:12px;padding:16px 20px;font-size:14px;display:flex}.info-icon{background-color:#0066ff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex}.info-text{flex:1;line-height:1.5}@media (width<=768px){.scores-container{padding:16px}.main-title{font-size:24px}.selected-subject-header{flex-direction:column;align-items:flex-start;gap:12px}.save-button{width:100%}.pagination-section{flex-direction:column;align-items:flex-start;gap:16px}.pagination-controls{justify-content:flex-start;width:100%}.score-input{width:60px}.scores-table{font-size:12px}.scores-table th,.scores-table td{padding:8px 12px}}.SubjectTeacher-announcement-container{background-color:#f5f5f5;min-height:100vh;padding:40px 24px}.SubjectTeacher-announcement-header{margin-bottom:40px}.SubjectTeacher-announcement-title{color:#1a1a1a;letter-spacing:-.5px;margin:0 0 8px;font-size:32px;font-weight:700}.SubjectTeacher-announcement-subtitle{color:#1e3a8a;margin:0;font-size:16px;font-weight:500}.SubjectTeacher-announcement-filters{border-bottom:1px solid #e5e5e5;gap:32px;margin-bottom:32px;padding-bottom:0;display:flex}.SubjectTeacher-filter-tab{color:#666;cursor:pointer;background:0 0;border:none;padding:12px 0;font-size:16px;font-weight:500;transition:color .2s;position:relative}.SubjectTeacher-filter-tab:hover{color:#1e3a8a}.SubjectTeacher-filter-tab.SubjectTeacher-active{color:#1e3a8a;border-bottom:3px solid #1e3a8a;padding-bottom:9px}.SubjectTeacher-announcements-list{flex-direction:column;gap:16px;max-width:1100px;display:flex}.SubjectTeacher-announcement-card{cursor:pointer;background-color:#fff;border-left:4px solid #1e3a8a;border-radius:8px;justify-content:space-between;align-items:flex-start;padding:24px;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 1px 3px #00000014}.SubjectTeacher-announcement-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.SubjectTeacher-announcement-content{flex:1}.SubjectTeacher-announcement-card-title{color:#1a1a1a;letter-spacing:-.3px;margin:0 0 8px;font-size:18px;font-weight:600}.SubjectTeacher-announcement-card-description{color:#333;margin:0 0 12px;font-size:14px;line-height:1.6}.SubjectTeacher-announcement-meta{color:#999;gap:16px;font-size:13px;display:flex}.SubjectTeacher-announcement-date,.SubjectTeacher-announcement-time{align-items:center;gap:4px;display:flex}.SubjectTeacher-announcement-arrow{color:#999;flex-shrink:0;justify-content:center;align-items:center;margin-left:24px;transition:color .2s,transform .2s;display:flex}.SubjectTeacher-announcement-card:hover .SubjectTeacher-announcement-arrow{color:#1e3a8a;transform:translate(4px)}@media (width<=768px){.SubjectTeacher-announcement-container{padding:24px 16px}.SubjectTeacher-announcement-title{font-size:24px}.SubjectTeacher-announcement-subtitle{font-size:14px}.SubjectTeacher-announcement-filters{gap:20px;margin-bottom:24px}.SubjectTeacher-filter-tab{font-size:14px}.SubjectTeacher-announcement-card{flex-direction:column;gap:12px;padding:16px}.SubjectTeacher-announcement-card-title{font-size:16px}.SubjectTeacher-announcement-card-description{font-size:13px}.SubjectTeacher-announcement-arrow{margin-left:0}}@media (width<=480px){.SubjectTeacher-announcement-container{padding:16px}.SubjectTeacher-announcement-title{font-size:20px}.SubjectTeacher-announcement-filters{gap:12px;padding-bottom:8px;overflow-x:auto}.SubjectTeacher-filter-tab{white-space:nowrap;font-size:12px}.SubjectTeacher-announcement-meta{flex-direction:column;gap:4px}}.SubjectTeacher-settings-container{background-color:#f8f9fa;max-width:1200px;min-height:100vh;margin:0 auto;padding:40px 20px}.SubjectTeacher-settings-header{margin-bottom:40px}.SubjectTeacher-settings-title{color:#1a1a1a;margin:0 0 8px;font-size:32px;font-weight:700}.SubjectTeacher-settings-subtitle{color:#1a3a5c;margin:0;font-size:16px}.SubjectTeacher-settings-section{background-color:#fff;border-radius:8px;margin-bottom:32px;padding:32px;box-shadow:0 1px 3px #00000014}.SubjectTeacher-section-title{color:#1a1a1a;margin:0 0 24px;font-size:20px;font-weight:600}.SubjectTeacher-profile-content{gap:40px;margin-bottom:32px;display:flex}.SubjectTeacher-profile-image-container{flex-direction:column;align-items:center;gap:12px;min-width:150px;display:flex;position:relative}.SubjectTeacher-profile-image{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:3px solid #1a3a5c;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative;overflow:hidden}.SubjectTeacher-profile-image img{object-fit:cover;width:100%;height:100%}.SubjectTeacher-image-upload-btn{cursor:pointer;color:#666;background-color:#fff;border:2px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:absolute;bottom:0;right:0}.SubjectTeacher-image-upload-btn:hover{color:#1a3a5c;background-color:#f5f5f5;border-color:#1a3a5c}.SubjectTeacher-image-info{color:#888;text-align:center;margin:0;font-size:12px}.SubjectTeacher-form-fields{flex-direction:column;flex:1;gap:24px;display:flex}.SubjectTeacher-form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.SubjectTeacher-form-row.SubjectTeacher-full-width{grid-template-columns:1fr}.SubjectTeacher-form-group{flex-direction:column;gap:8px;display:flex}.SubjectTeacher-form-group label{color:#1a1a1a;font-size:14px;font-weight:500}.SubjectTeacher-form-group input{color:#1a1a1a;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .3s}.SubjectTeacher-form-group input:focus{border-color:#1a3a5c;outline:none;box-shadow:0 0 0 3px #1a3a5c1a}.SubjectTeacher-form-group input::placeholder{color:#999}.SubjectTeacher-save-button-container{justify-content:flex-end;display:flex}.SubjectTeacher-save-button{color:#fff;cursor:pointer;background-color:#0052cc;border:none;border-radius:6px;padding:12px 32px;font-size:15px;font-weight:600;transition:all .3s}.SubjectTeacher-save-button:hover{background-color:#0043a3;transform:translateY(-2px);box-shadow:0 4px 12px #0052cc4d}.SubjectTeacher-save-button:active{transform:translateY(0)}.SubjectTeacher-security-content{padding:24px 0}.SubjectTeacher-security-item{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:20px 0;display:flex}.SubjectTeacher-security-item:last-child{border-bottom:none}.SubjectTeacher-security-text{flex:1}.SubjectTeacher-security-title{color:#1a1a1a;margin:0 0 8px;font-size:16px;font-weight:600}.SubjectTeacher-security-description{color:#888;margin:0;font-size:14px}.SubjectTeacher-change-password-button{color:#1a3a5c;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #1a3a5c;border-radius:6px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s}.SubjectTeacher-change-password-button:hover{color:#0052cc;background-color:#f0f4f8;border-color:#0052cc}.SubjectTeacher-change-password-button:active{transform:scale(.98)}@media (width<=768px){.SubjectTeacher-settings-container{padding:20px 16px}.SubjectTeacher-settings-section{margin-bottom:20px;padding:24px}.SubjectTeacher-settings-title{font-size:24px}.SubjectTeacher-profile-content{flex-direction:column;align-items:flex-start;gap:24px}.SubjectTeacher-form-row{grid-template-columns:1fr}.SubjectTeacher-security-item{flex-direction:column;align-items:flex-start;gap:16px}.SubjectTeacher-change-password-button{width:100%}}.BR-announcement-container{background-color:#f5f5f5;min-height:100vh;padding:40px 24px}.BR-announcement-header{margin-bottom:40px}.BR-announcement-title{color:#1a1a1a;letter-spacing:-.5px;margin:0 0 8px;font-size:32px;font-weight:700}.BR-announcement-subtitle{color:#1e3a8a;margin:0;font-size:16px;font-weight:500}.BR-announcement-filters{border-bottom:1px solid #e5e5e5;gap:32px;margin-bottom:32px;padding-bottom:0;display:flex}.BR-filter-tab{color:#666;cursor:pointer;background:0 0;border:none;padding:12px 0;font-size:16px;font-weight:500;transition:color .2s;position:relative}.BR-filter-tab:hover{color:#1e3a8a}.BR-filter-tab.BR-active{color:#1e3a8a;border-bottom:3px solid #1e3a8a;padding-bottom:9px}.BR-announcements-list{flex-direction:column;gap:16px;max-width:1100px;display:flex}.BR-announcement-card{cursor:pointer;background-color:#fff;border-left:4px solid #1e3a8a;border-radius:8px;justify-content:space-between;align-items:flex-start;padding:24px;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 1px 3px #00000014}.BR-announcement-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.BR-announcement-content{flex:1}.BR-announcement-card-title{color:#1a1a1a;letter-spacing:-.3px;margin:0 0 8px;font-size:18px;font-weight:600}.BR-announcement-card-description{color:#333;margin:0 0 12px;font-size:14px;line-height:1.6}.BR-announcement-meta{color:#999;gap:16px;font-size:13px;display:flex}.BR-announcement-date,.BR-announcement-time{align-items:center;gap:4px;display:flex}.BR-announcement-arrow{color:#999;flex-shrink:0;justify-content:center;align-items:center;margin-left:24px;transition:color .2s,transform .2s;display:flex}.BR-announcement-card:hover .BR-announcement-arrow{color:#1e3a8a;transform:translate(4px)}@media (width<=768px){.BR-announcement-container{padding:24px 16px}.BR-announcement-title{font-size:24px}.BR-announcement-subtitle{font-size:14px}.BR-announcement-filters{gap:20px;margin-bottom:24px}.BR-filter-tab{font-size:14px}.BR-announcement-card{flex-direction:column;gap:12px;padding:16px}.BR-announcement-card-title{font-size:16px}.BR-announcement-card-description{font-size:13px}.BR-announcement-arrow{margin-left:0}}@media (width<=480px){.BR-announcement-container{padding:16px}.BR-announcement-title{font-size:20px}.BR-announcement-filters{gap:12px;padding-bottom:8px;overflow-x:auto}.BR-filter-tab{white-space:nowrap;font-size:12px}.BR-announcement-meta{flex-direction:column;gap:4px}}.CT-announcement-container{background-color:#f5f5f5;min-height:100vh;padding:40px 24px}.CT-announcement-header{margin-bottom:40px}.CT-announcement-title{color:#0f172a;letter-spacing:-.5px;font-size:32px;font-weight:700}.CT-announcement-subtitle{color:#042869;margin:0;font-size:16px;font-weight:500}.CT-announcement-filters{border-bottom:1px solid #e5e5e5;gap:32px;margin-bottom:32px;padding-bottom:0;display:flex}.CT-filter-tab{color:#03173c;cursor:pointer;background:0 0;border:none;padding:12px 0;font-size:18px;font-weight:500;transition:color .2s;position:relative}.CT-filter-tab:hover{color:#0062f6}.CT-filter-tab.CT-active{color:#0062f6;border-bottom:3px solid #0062f6;padding-bottom:9px}.CT-announcements-list{flex-direction:column;gap:16px;max-width:1100px;display:flex}.CT-announcement-card{cursor:pointer;background-color:#fff;border-left:4px solid #0062f6;border-radius:8px;justify-content:space-between;align-items:flex-start;padding:24px;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 1px 3px #00000014}.CT-announcement-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.CT-announcement-content{flex:1}.CT-announcement-card-title{color:#1a1a1a;letter-spacing:-.3px;margin:0 0 8px;font-size:18px;font-weight:600}.CT-announcement-card-description{color:#333;margin:0 0 12px;font-size:14px;line-height:1.6}.CT-announcement-meta{color:#999;gap:16px;font-size:13px;display:flex}.CT-announcement-date,.CT-announcement-time{align-items:center;gap:4px;display:flex}.CT-announcement-arrow{color:#999;flex-shrink:0;justify-content:center;align-items:center;margin-left:24px;transition:color .2s,transform .2s;display:flex}.CT-announcement-card:hover .CT-announcement-arrow{color:#1e3a8a;transform:translate(4px)}@media (width<=768px){.CT-announcement-container{padding:24px 16px}.CT-announcement-title{font-size:24px}.CT-announcement-subtitle{font-size:14px}.CT-announcement-filters{gap:20px;margin-bottom:24px}.CT-filter-tab{font-size:14px}.CT-announcement-card{flex-direction:column;gap:12px;padding:16px}.CT-announcement-card-title{font-size:16px}.CT-announcement-card-description{font-size:13px}.CT-announcement-arrow{margin-left:0}}@media (width<=480px){.CT-announcement-container{padding:16px}.CT-announcement-title{font-size:20px}.CT-announcement-filters{gap:12px;padding-bottom:8px;overflow-x:auto}.CT-filter-tab{white-space:nowrap;font-size:12px}.CT-announcement-meta{flex-direction:column;gap:4px}}.main_body{width:100%;height:100vh;min-height:max-content;display:flex;overflow:hidden}.main-content{background-color:#f5f7fb;flex-grow:1;height:120vh;margin-left:19%;overflow-y:auto}.Adminsidebar{box-sizing:border-box;z-index:1000;background-color:#fff;flex-direction:column;width:19%;height:100vh;padding-left:4%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex;position:fixed;top:0;left:0}.Adminsidebar .Adminsidebar-brand{justify-content:center;padding:24px 16px;display:flex}.Adminsidebar .Adminsidebar-brand .AdminDashboardLogo{cursor:pointer;width:90%}.Adminsidebar .sidebar-menu{flex-direction:column;gap:4px;width:100%;height:85vh;display:flex}.Adminsidebar .sidebar-menu .menu-item{color:#1a202c;border-radius:10px;align-items:center;width:90%;height:45px;padding:14px 24px;font-size:15px;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s;display:flex;position:relative}.Adminsidebar .sidebar-menu .menu-icon{color:#4a5568;flex-shrink:0;margin-right:14px;font-size:18px}.Adminsidebar .sidebar-menu .menu-item:not(.active):hover{color:#1a202c;background-color:#f7fafc}.Adminsidebar .sidebar-menu .menu-item.active{font-weight:600;color:#06f!important;background-color:#f0f5ff!important}.Adminsidebar .sidebar-menu .menu-item.active .menu-icon{color:#06f!important}.Adminsidebar .sidebar-menu .menu-item.active:before{content:"";position:absolute;top:15%;left:.5%}.Adminsidebar .sidebar-menu .menu-item.active:before .AdminDashboard-header{background-color:#fff;border-bottom:1px solid #f0f0f5;justify-content:space-between;align-items:center;width:100%;height:12vh;padding:12px 24px;font-family:system-ui,-apple-system,sans-serif;display:flex}.Adminsidebar .sidebar-menu .menu-item.active:before .AdminDashboard-header .search-container{align-items:center;width:29%;display:flex;position:relative}.Adminsidebar .sidebar-menu .menu-item.active:before .AdminDashboard-header .search-container .search-input{color:#1e1e2f;background-color:#fff;border:1px solid #e2e2ec;border-radius:8px;outline:none;width:100%;padding:10px 40px 10px 16px;font-size:14px}.Adminsidebar .sidebar-menu .menu-item.active:before .AdminDashboard-header .search-container .search-input::placeholder{color:#a0a0b0}.Adminsidebar .sidebar-menu .menu-item.active:before .AdminDashboard-header .search-container .search-input:focus{border-color:#3b82f6}.Adminsidebar .sidebar-menu .menu-item.active:before .AdminDashboard-header .search-container .search-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:12px}.Adminsidebar .sidebar-menu .menu-item.active:before .AdminDashboard-header .search-container .search-button .search-icon{color:#2563eb;width:16px;height:16px}.Adminsidebar .sidebar-menu .menu-item.active:before .AdminDashboard-header .meta-container{color:#4a4a6a;align-items:center;gap:12px;width:35%;margin-left:8%;font-size:11px;display:flex}.Adminsidebar .sidebar-menu .menu-item.active:before .AdminDashboard-header .meta-container .date-display{align-items:center;gap:8px;display:flex}.Adminsidebar .sidebar-menu .menu-item.active:before .AdminDashboard-header .meta-container .date-display .calendar-icon{color:#71718a;width:16px;height:16px}.Adminsidebar .sidebar-menu .menu-item.active:before .AdminDashboard-header .meta-container .divider{background-color:#e2e2ec;width:1px;height:16px}.Adminsidebar .sidebar-menu .menu-item.active:before .AdminDashboard-header .meta-container .dropdown{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.Adminsidebar .sidebar-menu .menu-item.active:before .AdminDashboard-header .meta-container .dropdown:hover{color:#1e1e2f}.Adminsidebar .sidebar-menu .menu-item.active:before .AdminDashboard-header .meta-container .dropdown .chevron-icon{color:#71718a;width:14px;height:14px}.Adminsidebar .sidebar-menu .menu-item.active:before .AdminDashboard-header .profile-container{align-items:center;gap:10px;width:22%;height:10vh;margin-right:-2%;display:flex}.Adminsidebar .sidebar-menu .menu-item.active:before .AdminDashboard-header .profile-container .notification-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:relative}.Adminsidebar .sidebar-menu .menu-item.active:before .AdminDashboard-header .profile-container .notification-button .bell-icon{color:#1e1e2f;fill:#1e1e2f;width:22px;height:22px}.Adminsidebar .sidebar-menu .menu-item.active:before .AdminDashboard-header .profile-container .notification-button .notification-badge{background-color:#eab308;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.Adminsidebar .sidebar-menu .menu-item.active:before .AdminDashboard-header .profile-container .user-profile{align-items:center;gap:12px;display:flex}.Adminsidebar .sidebar-menu .menu-item.active:before .AdminDashboard-header .profile-container .user-profile .avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.Adminsidebar .sidebar-menu .menu-item.active:before .AdminDashboard-header .profile-container .Auser-info{flex-direction:column;width:60%;display:flex}.Adminsidebar .sidebar-menu .menu-item.active:before .AdminDashboard-header .profile-container .Auser-info .user-name{color:#1e1e2f;font-size:14px;font-weight:500;line-height:1.2}.Adminsidebar .sidebar-menu .menu-item.active:before .AdminDashboard-header .profile-container .Auser-info .user-role{color:#71718a;margin-top:2px;font-size:12px}.Adminsidebar .sidebar-menu .menu-item.active:before{background-color:#06f;border-top-right-radius:100px;border-bottom-right-radius:100px;width:4px;height:70%}.Adminsidebar .sidebar-menu .sidebar *,.Adminsidebar .sidebar-menu .sidebar :before,.Adminsidebar .sidebar-menu .sidebar :after{box-sizing:border-box}.AAdminDashboard-header{background-color:#fff;border-bottom:1px solid #f0f0f5;justify-content:space-between;align-items:center;width:100%;height:12vh;padding:12px 24px;font-family:system-ui,-apple-system,sans-serif;display:flex}.AAdminDashboard-header .search-container{align-items:center;width:29%;display:flex;position:relative}.AAdminDashboard-header .search-container .search-input{color:#1e1e2f;background-color:#fff;border:1px solid #e2e2ec;border-radius:8px;outline:none;width:100%;padding:10px 40px 10px 16px;font-size:14px}.AAdminDashboard-header .search-container .search-input::placeholder{color:#a0a0b0}.AAdminDashboard-header .search-container .search-input:focus{border-color:#3b82f6}.AAdminDashboard-header .search-container .search-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:12px}.AAdminDashboard-header .search-container .search-button .search-icon{color:#2563eb;width:16px;height:16px}.AAdminDashboard-header .meta-container{color:#4a4a6a;align-items:center;gap:12px;width:36%;margin-left:8%;font-size:11px;display:flex}.AAdminDashboard-header .meta-container .date-display{align-items:center;gap:8px;display:flex}.AAdminDashboard-header .meta-container .date-display .calendar-icon{color:#71718a;width:16px;height:16px}.AAdminDashboard-header .meta-container .divider{background-color:#e2e2ec;width:1px;height:16px}.AAdminDashboard-header .meta-container .dropdown{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.AAdminDashboard-header .meta-container .dropdown:hover{color:#1e1e2f}.AAdminDashboard-header .meta-container .dropdown .chevron-icon{color:#71718a;width:14px;height:14px}.AAdminDashboard-header .profile-container{align-items:center;gap:10px;width:22%;height:10vh;margin-right:-2%;display:flex}.AAdminDashboard-header .profile-container .notification-wrapper{align-items:center;display:flex;position:relative}.AAdminDashboard-header .profile-container .notification-wrapper .notification-popup{z-index:1000;background-color:#fff;border:1px solid #f0f0f5;border-radius:16px;width:420px;margin-top:16px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 30px #00000014}.AAdminDashboard-header .profile-container .notification-wrapper .notification-popup .popup-header{justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.AAdminDashboard-header .profile-container .notification-wrapper .notification-popup .popup-header h2{color:#1e1e2f;margin:0;font-size:18px;font-weight:600}.AAdminDashboard-header .profile-container .notification-wrapper .notification-popup .popup-header .close-btn{color:#71718a;cursor:pointer;background:0 0;border:none;padding:0;font-size:22px;line-height:1}.AAdminDashboard-header .profile-container .notification-wrapper .notification-popup .popup-header .close-btn:hover{color:#1e1e2f}.AAdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list{flex-direction:column;max-height:380px;display:flex;overflow-y:auto}.AAdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list .notification-item{text-align:left;border-top:1px solid #f0f0f5;justify-content:space-between;align-items:center;padding:16px 24px;transition:background-color .2s;display:flex}.AAdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list .notification-item:hover{background-color:#f9fafb}.AAdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list .notification-item .notification-content{flex:1;padding-right:12px}.AAdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list .notification-item .notification-content h3{color:#1e3a8a;margin:0 0 4px;font-size:14px;font-weight:600}.AAdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list .notification-item .notification-content p{color:#374151;margin:0 0 6px;font-size:13px;line-height:1.4}.AAdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list .notification-item .notification-content p strong{font-weight:600}.AAdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list .notification-item .notification-content .time-stamp{color:#9ca3af;font-size:12px}.AAdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list .notification-item .unread-dot{background-color:#06f;border-radius:50%;flex-shrink:0;width:8px;height:8px}.AAdminDashboard-header .profile-container .notification-wrapper .notification-popup .popup-footer{text-align:center;border-top:1px solid #f0f0f5;padding:14px}.AAdminDashboard-header .profile-container .notification-wrapper .notification-popup .popup-footer .mark-all-btn{color:#06f;cursor:pointer;background:0 0;border:none;width:100%;font-size:14px;font-weight:500}.AAdminDashboard-header .profile-container .notification-wrapper .notification-popup .popup-footer .mark-all-btn:hover{text-decoration:underline}.AAdminDashboard-header .profile-container .notification-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:relative}.AAdminDashboard-header .profile-container .notification-button .bell-icon{color:#1e1e2f;fill:#1e1e2f;width:22px;height:22px}.AAdminDashboard-header .profile-container .notification-button .notification-badge{background-color:#eab308;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.AAdminDashboard-header .profile-container .user-profile{align-items:center;gap:12px;display:flex}.AAdminDashboard-header .profile-container .user-profile .avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.AAdminDashboard-header .profile-container .Auser-info{flex-direction:column;width:60%;display:flex}.AAdminDashboard-header .profile-container .Auser-info .user-name{color:#1e1e2f;font-size:14px;font-weight:500;line-height:1.2}.AAdminDashboard-header .profile-container .Auser-info .user-role{color:#71718a;margin-top:2px;font-size:12px}.Adashboard-container{width:100%;min-height:40vh;margin-bottom:15px;padding-top:20px;padding-left:35px;padding-right:35px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.Adashboard-container .dashboard-header{margin-bottom:32px}.Adashboard-container .dashboard-header .welcome-text{color:#03173c;align-items:center;gap:10px;margin:0 0 8px;font-size:32px;font-weight:700;display:flex}.Adashboard-container .dashboard-header .welcome-text .wave-emoji{display:inline-block}.Adashboard-container .dashboard-header .subtitle-text{color:#042869;margin:0;font-size:17.4px}.Adashboard-container .metrics-grid{grid-template-columns:repeat(4,1fr);gap:24px;width:100%;height:110px;display:grid}@media (width<=450px){.Adashboard-container .metrics-grid{grid-template-columns:repeat(2,1fr)}.Adashboard-container .metrics-grid{grid-template-columns:1fr}}.Adashboard-container .metrics-grid .metric-card{background:#fff;border-left:5px solid #0000;border-radius:12px;flex-direction:column;justify-content:space-between;width:100%;height:110px;padding:15px;display:flex;box-shadow:0 1px 3px #0000000d}.Adashboard-container .metrics-grid .metric-card.card-students{border-left-color:#3b82f6}.Adashboard-container .metrics-grid .metric-card.card-staff{border-left-color:#a855f7}.Adashboard-container .metrics-grid .metric-card.card-attendance{border-left-color:#f59e0b}.Adashboard-container .metrics-grid .metric-card.card-fees{border-left-color:#10b981}.Adashboard-container .metrics-grid .metric-card .card-content{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.Adashboard-container .metrics-grid .metric-card .card-content .text-section{flex-direction:column;gap:8px;display:flex}.Adashboard-container .metrics-grid .metric-card .card-content .text-section .card-label{color:#03173c;font-size:15px;font-weight:500}.Adashboard-container .metrics-grid .metric-card .card-content .text-section .card-value{color:#03173c;font-size:25px;font-weight:700}.Adashboard-container .metrics-grid .metric-card .card-content .icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:65px;height:65px;display:flex}.Adashboard-container .metrics-grid .metric-card .card-content .icon-wrapper .DashIcon{width:70%;height:70%}.Adashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-students{color:#2563eb;background-color:#eff6ff}.Adashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-staff{color:#9333ea;background-color:#f3e8ff}.Adashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-attendance{color:#d97706;background-color:#fef3c7}.Adashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-fees{color:#059669;background-color:#ecfdf5}.Adashboard-container .metrics-grid .metric-card .card-footer{color:#10b981;justify-content:flex-start;align-items:center;gap:4px;height:20px;margin-top:-20px;font-size:14px;font-weight:500;display:flex}.Adashboard-container .metrics-grid .metric-card .card-footer .arrow{width:7%;font-weight:700}.AdminCardHolder{width:100%;padding-left:3%;display:flex}.AdminCardHolder .attendance-card{background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:560px;height:300px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000d}.AdminCardHolder .attendance-card .card-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.AdminCardHolder .attendance-card .card-header h2{color:#1e293b;margin:0;font-size:18px;font-weight:600}.AdminCardHolder .attendance-card .card-header .view-all-link{color:#2563eb;align-items:center;gap:4px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.AdminCardHolder .attendance-card .card-header .view-all-link:hover{text-decoration:underline}.AdminCardHolder .attendance-card .card-header .view-all-link .link-icon{width:16px;height:16px}.AdminCardHolder .attendance-card .attendance-table{border-collapse:collapse;text-align:left;width:100%}.AdminCardHolder .attendance-card .attendance-table thead{z-index:1;background-color:#e5e7eb;position:sticky;top:0}.AdminCardHolder .attendance-card .attendance-table thead tr{height:36px}.AdminCardHolder .attendance-card .attendance-table thead th{color:#03173c;padding:8px 16px;font-size:13px;font-weight:600}.AdminCardHolder .attendance-card .attendance-table thead th:first-child{padding-left:20px}.AdminCardHolder .attendance-card .attendance-table tbody tr{border-bottom:1px solid #f1f5f9;height:44px}.AdminCardHolder .attendance-card .attendance-table tbody tr:last-child{border-bottom:none}.AdminCardHolder .attendance-card .attendance-table tbody td{color:#1e1e2f;padding:10px 16px;font-size:13px}.AdminCardHolder .attendance-card .attendance-table tbody td:first-child{padding-left:20px}.AdminCardHolder .attendance-card .attendance-table tbody .staff-name{color:#03173c;font-weight:500}.AdminCardHolder .attendance-card .attendance-table tbody .staff-role{color:#4a4a6a}.AdminCardHolder .attendance-card .attendance-table tbody .staff-time{color:#71718a}.AdminCardHolder .attendance-card .attendance-table tbody .status-badge{text-align:center;border-radius:20px;padding:2px 10px;font-size:11.5px;font-weight:500;display:inline-block}.AdminCardHolder .attendance-card .attendance-table tbody .status-checked-in{color:#1ea955;background-color:#e6f7ed}.AdminCardHolder .attendance-card .attendance-table tbody .status-checked-out{color:#f97316;background-color:#fff1e6}.AdminCardHolder .attendance-card .attendance-table tbody .status-absent{color:#ff5252;background-color:#ffebe6}.AdminCardHolder .quick-actions-container{box-sizing:border-box;background:#fff;border:1px solid #f0f2f5;border-radius:16px;flex-direction:column;width:430px;height:300px;margin-left:2%;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.AdminCardHolder .quick-actions-container .title{color:#0c1a30;margin:0 0 16px;font-size:20px;font-weight:600}.AdminCardHolder .quick-actions-container .grid-layout{flex-grow:1;grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.AdminCardHolder .quick-actions-container .card{box-sizing:border-box;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:relative}.AdminCardHolder .quick-actions-container .card .card-content{flex-direction:column;gap:6px;display:flex}.AdminCardHolder .quick-actions-container .card .icon-wrapper{align-items:center;width:22px;height:22px;display:flex}.AdminCardHolder .quick-actions-container .card .text-wrapper h3{margin:0 0 2px;font-size:14px;font-weight:600}.AdminCardHolder .quick-actions-container .card .text-wrapper p{opacity:.8;white-space:nowrap;margin:0;font-size:11px}.AdminCardHolder .quick-actions-container .card .arrow-button{cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.AdminCardHolder .quick-actions-container .card .arrow-button svg{width:12px;height:12px}.AdminCardHolder .quick-actions-container .card.qr{background-color:#eef4ff}.AdminCardHolder .quick-actions-container .card.qr .icon-wrapper{color:#1e56a0}.AdminCardHolder .quick-actions-container .card.qr .text-wrapper h3{color:#0f2c59}.AdminCardHolder .quick-actions-container .card.qr .text-wrapper p{color:#5a7397}.AdminCardHolder .quick-actions-container .card.qr .arrow-button{color:#1e56a0;border:1px solid #d0e1fd}.AdminCardHolder .quick-actions-container .card.students{background-color:#f7effc}.AdminCardHolder .quick-actions-container .card.students .icon-wrapper{color:#8e44ad}.AdminCardHolder .quick-actions-container .card.students .text-wrapper h3{color:#4a154b}.AdminCardHolder .quick-actions-container .card.students .text-wrapper p{color:#826383}.AdminCardHolder .quick-actions-container .card.students .arrow-button{color:#8e44ad;border:1px solid #ebd4f9}.AdminCardHolder .quick-actions-container .card.announcement{background-color:#fff9e6}.AdminCardHolder .quick-actions-container .card.announcement .icon-wrapper{color:#d4a373}.AdminCardHolder .quick-actions-container .card.announcement .text-wrapper h3{color:#5c3d2e}.AdminCardHolder .quick-actions-container .card.announcement .text-wrapper p{color:#8c786e}.AdminCardHolder .quick-actions-container .card.announcement .arrow-button{color:#d4a373;border:1px solid #ffe9ad}.AdminCardHolder .quick-actions-container .card.reports{background-color:#edf9f2}.AdminCardHolder .quick-actions-container .card.reports .icon-wrapper{color:#27ae60}.AdminCardHolder .quick-actions-container .card.reports .text-wrapper h3{color:#145a32}.AdminCardHolder .quick-actions-container .card.reports .text-wrapper p{color:#618264}.AdminCardHolder .quick-actions-container .card.reports .arrow-button{color:#27ae60;border:1px solid #c8eed7}.AdminCardHolder .modal-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:9999;background-color:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:fixed;top:0;left:0}.AdminCardHolder .modal-container{text-align:center;box-sizing:border-box;background-color:#fff;border-radius:24px;width:90%;max-width:440px;padding:40px;position:relative;box-shadow:0 12px 32px #00000026}.AdminCardHolder .modal-container .close-btn{cursor:pointer;color:#1e293b;background:0 0;border:none;font-size:24px;font-weight:300;line-height:1;position:absolute;top:24px;right:24px}.AdminCardHolder .modal-container .qr-code-wrapper{justify-content:center;margin:12px auto 24px;display:flex}.AdminCardHolder .modal-container .qr-code-wrapper .qr-image{object-fit:contain;width:180px;height:180px}.AdminCardHolder .modal-container .modal-text{color:#334155;margin:0 0 32px;padding:0 16px;font-size:15px;line-height:1.5}.AdminCardHolder .modal-container .modal-actions{justify-content:center;gap:16px;display:flex}.AdminCardHolder .modal-container .modal-actions .btn{cursor:pointer;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:background-color .2s;display:inline-flex}.AdminCardHolder .modal-container .modal-actions .btn svg{flex-shrink:0;width:16px;height:16px}.AdminCardHolder .modal-container .modal-actions .btn.btn-download{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;flex-direction:row;width:40%;height:60px;display:flex}.AdminCardHolder .modal-container .modal-actions .btn.btn-download:hover{background-color:#f8fafc}.AdminCardHolder .modal-container .modal-actions .btn.btn-print{color:#fff;background-color:#06f;border:none;flex-direction:row;width:40%;height:60px;display:flex}.AdminCardHolder .modal-container .modal-actions .btn.btn-print:hover{background-color:#0052cc}.AdminAnnouncementHolder{width:100%;height:80vh;padding-top:20px;padding-left:3%;display:flex}.AdminAnnouncementHolder .announcements-card{box-sizing:border-box;background-color:#fff;border:1px solid #eef2f6;border-radius:16px;flex-direction:column;max-width:460px;height:330px;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;box-shadow:0 4px 20px #00000005}.AdminAnnouncementHolder .announcements-card .card-title{color:#0c1a30;flex-shrink:0;margin-top:-20px;font-size:20px;font-weight:600}.AdminAnnouncementHolder .announcements-card .announcements-list{flex-direction:column;flex-grow:1;gap:18px;padding-right:4px;display:flex}.AdminAnnouncementHolder .announcements-card .announcement-item{flex-direction:column;flex-shrink:0;padding-left:16px;display:flex;position:relative}.AdminAnnouncementHolder .announcements-card .announcement-item:before{content:"";background-color:#06c;border-radius:2px;width:4px;position:absolute;top:0;bottom:0;left:0}.AdminAnnouncementHolder .announcements-card .announcement-item .item-title{color:#333;margin:0 0 5px;font-size:15px;font-weight:500}.AdminAnnouncementHolder .announcements-card .announcement-item .item-date{color:#999;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.AdminAnnouncementHolder .announcements-card .announcement-item .item-date .calendar-icon{width:13px;height:13px}.AdminAnnouncementHolder .announcements-card .announcement-item .item-description{color:#0c1a30;margin:0;font-size:13px;line-height:1.4}.AdminAnnouncementHolder .fee-summary-container{box-sizing:border-box;background-color:#fff;border:1px solid #eaeaea;border-radius:12px;flex-direction:column;width:565px;height:330px;margin-left:2%;padding:24px 32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;box-shadow:0 1px 3px #00000005}.AdminAnnouncementHolder .fee-summary-container .fee-summary-title{color:#0c1a30;margin:0 0 24px;font-size:18px;font-weight:600}.AdminAnnouncementHolder .fee-summary-container .fee-summary-content{flex-grow:1;justify-content:space-between;align-items:center;gap:48px;display:flex}.AdminAnnouncementHolder .fee-summary-container .chart-wrapper{flex-shrink:0;width:160px;height:160px;position:relative}.AdminAnnouncementHolder .fee-summary-container .chart-wrapper .donut-chart{width:100%;height:100%}.AdminAnnouncementHolder .fee-summary-container .chart-wrapper .chart-track{fill:#0000;stroke:#fdf5ec}.AdminAnnouncementHolder .fee-summary-container .chart-wrapper .chart-progress{fill:#0000;stroke:#f99f06}.AdminAnnouncementHolder .fee-summary-container .chart-wrapper .chart-labels{text-align:center;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.AdminAnnouncementHolder .fee-summary-container .chart-wrapper .chart-labels .percentage-text{color:#0c1a30;font-size:26px;font-weight:700;line-height:1.1}.AdminAnnouncementHolder .fee-summary-container .chart-wrapper .chart-labels .sub-text{color:#4a5568;margin-top:2px;font-size:13px}.AdminAnnouncementHolder .fee-summary-container .breakdown-wrapper{flex-grow:1}.AdminAnnouncementHolder .fee-summary-container .breakdown-wrapper .breakdown-list{flex-direction:column;gap:20px;display:flex}.AdminAnnouncementHolder .fee-summary-container .breakdown-wrapper .breakdown-item{justify-content:space-between;align-items:center;font-size:14px;display:flex}.AdminAnnouncementHolder .fee-summary-container .breakdown-wrapper .breakdown-item .label-group{align-items:center;gap:12px;display:flex}.AdminAnnouncementHolder .fee-summary-container .breakdown-wrapper .breakdown-item .color-indicator{border-radius:2px;width:12px;height:12px}.AdminAnnouncementHolder .fee-summary-container .breakdown-wrapper .breakdown-item .color-indicator.collected-indicator{background-color:#f99f06}.AdminAnnouncementHolder .fee-summary-container .breakdown-wrapper .breakdown-item .color-indicator.outstanding-indicator{background-color:#fdf5ec}.AdminAnnouncementHolder .fee-summary-container .breakdown-wrapper .breakdown-item .item-label{color:#4a5568;font-size:15px}.AdminAnnouncementHolder .fee-summary-container .breakdown-wrapper .breakdown-item .item-value{color:#0c1a30;font-size:15px;font-weight:500}.AdminAnnouncementHolder .fee-summary-container .breakdown-wrapper .divider{background-color:#e2e8f0;height:1px;margin:20px 0}.AdminAnnouncementHolder .fee-summary-container .breakdown-wrapper .total-row{justify-content:space-between;align-items:center;font-size:15px;display:flex}.AdminAnnouncementHolder .fee-summary-container .breakdown-wrapper .total-row .total-label{color:#4a5568}.AdminAnnouncementHolder .fee-summary-container .breakdown-wrapper .total-row .total-value{color:#0c1a30;font-size:16px;font-weight:600}.footer-container{box-sizing:border-box;background-color:#fff;width:100%;margin-top:30px;padding:20px 40px}.footer-container .footer-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;font-family:system-ui,-apple-system,sans-serif;font-size:14px;display:flex}.footer-container .footer-content .copyright{color:#a0a0a0;margin:0}.footer-container .footer-content .support{color:#a0a0a0;margin:0}.footer-container .footer-content .support .support-link{color:#1a73e8;text-decoration:none}.footer-container .footer-content .support .support-link:hover{text-decoration:underline}.BAdminDashboard-header{background-color:#fff;border-bottom:1px solid #f0f0f5;justify-content:space-between;align-items:center;width:100%;height:12vh;padding:12px 24px;font-family:system-ui,-apple-system,sans-serif;display:flex}.BAdminDashboard-header .search-container{align-items:center;width:29%;display:flex;position:relative}.BAdminDashboard-header .search-container .search-input{color:#1e1e2f;background-color:#fff;border:1px solid #e2e2ec;border-radius:8px;outline:none;width:100%;padding:10px 40px 10px 16px;font-size:14px}.BAdminDashboard-header .search-container .search-input::placeholder{color:#a0a0b0}.BAdminDashboard-header .search-container .search-input:focus{border-color:#3b82f6}.BAdminDashboard-header .search-container .search-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:12px}.BAdminDashboard-header .search-container .search-button .search-icon{color:#2563eb;width:16px;height:16px}.BAdminDashboard-header .meta-container{color:#4a4a6a;align-items:center;gap:12px;width:36%;margin-left:8%;font-size:11px;display:flex}.BAdminDashboard-header .meta-container .date-display{align-items:center;gap:8px;display:flex}.BAdminDashboard-header .meta-container .date-display .calendar-icon{color:#71718a;width:16px;height:16px}.BAdminDashboard-header .meta-container .divider{background-color:#e2e2ec;width:1px;height:16px}.BAdminDashboard-header .meta-container .dropdown{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.BAdminDashboard-header .meta-container .dropdown:hover{color:#1e1e2f}.BAdminDashboard-header .meta-container .dropdown .chevron-icon{color:#71718a;width:14px;height:14px}.BAdminDashboard-header .profile-container{align-items:center;gap:10px;width:22%;height:10vh;margin-right:-2%;display:flex}.BAdminDashboard-header .profile-container .notification-wrapper{align-items:center;display:flex;position:relative}.BAdminDashboard-header .profile-container .notification-wrapper .notification-popup{z-index:1000;background-color:#fff;border:1px solid #f0f0f5;border-radius:16px;width:420px;margin-top:16px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 30px #00000014}.BAdminDashboard-header .profile-container .notification-wrapper .notification-popup .popup-header{justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.BAdminDashboard-header .profile-container .notification-wrapper .notification-popup .popup-header h2{color:#1e1e2f;margin:0;font-size:18px;font-weight:600}.BAdminDashboard-header .profile-container .notification-wrapper .notification-popup .popup-header .close-btn{color:#71718a;cursor:pointer;background:0 0;border:none;padding:0;font-size:22px;line-height:1}.BAdminDashboard-header .profile-container .notification-wrapper .notification-popup .popup-header .close-btn:hover{color:#1e1e2f}.BAdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list{flex-direction:column;max-height:380px;display:flex;overflow-y:auto}.BAdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list .notification-item{text-align:left;border-top:1px solid #f0f0f5;justify-content:space-between;align-items:center;padding:16px 24px;transition:background-color .2s;display:flex}.BAdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list .notification-item:hover{background-color:#f9fafb}.BAdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list .notification-item .notification-content{flex:1;padding-right:12px}.BAdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list .notification-item .notification-content h3{color:#1e3a8a;margin:0 0 4px;font-size:14px;font-weight:600}.BAdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list .notification-item .notification-content p{color:#374151;margin:0 0 6px;font-size:13px;line-height:1.4}.BAdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list .notification-item .notification-content p strong{font-weight:600}.BAdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list .notification-item .notification-content .time-stamp{color:#9ca3af;font-size:12px}.BAdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list .notification-item .unread-dot{background-color:#06f;border-radius:50%;flex-shrink:0;width:8px;height:8px}.BAdminDashboard-header .profile-container .notification-wrapper .notification-popup .popup-footer{text-align:center;border-top:1px solid #f0f0f5;padding:14px}.BAdminDashboard-header .profile-container .notification-wrapper .notification-popup .popup-footer .mark-all-btn{color:#06f;cursor:pointer;background:0 0;border:none;width:100%;font-size:14px;font-weight:500}.BAdminDashboard-header .profile-container .notification-wrapper .notification-popup .popup-footer .mark-all-btn:hover{text-decoration:underline}.BAdminDashboard-header .profile-container .notification-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:relative}.BAdminDashboard-header .profile-container .notification-button .bell-icon{color:#1e1e2f;fill:#1e1e2f;width:22px;height:22px}.BAdminDashboard-header .profile-container .notification-button .notification-badge{background-color:#eab308;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.BAdminDashboard-header .profile-container .user-profile{align-items:center;gap:12px;display:flex}.BAdminDashboard-header .profile-container .user-profile .avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.BAdminDashboard-header .profile-container .Auser-info{flex-direction:column;width:60%;display:flex}.BAdminDashboard-header .profile-container .Auser-info .user-name{color:#1e1e2f;font-size:14px;font-weight:500;line-height:1.2}.BAdminDashboard-header .profile-container .Auser-info .user-role{color:#71718a;margin-top:2px;font-size:12px}.Bdashboard-container{width:100%;min-height:40vh;padding-top:20px;padding-left:35px;padding-right:35px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.Bdashboard-container .dashboard-header{margin-bottom:32px}.Bdashboard-container .dashboard-header .welcome-text{color:#03173c;justify-content:space-between;align-items:center;gap:10px;margin:0 0 8px;font-size:32px;font-weight:700;display:flex}.Bdashboard-container .dashboard-header .welcome-text .AddStaff{color:#fff;cursor:pointer;background-color:#0062f6;border:none;border-radius:10px;width:12%;height:50px;font-size:15px}.Bdashboard-container .dashboard-header .subtitle-text{color:#03173c;margin:0;font-size:16px}.Bdashboard-container .metrics-grid{grid-template-columns:repeat(4,1fr);gap:24px;width:100%;height:110px;display:grid}@media (width<=450px){.Bdashboard-container .metrics-grid{grid-template-columns:repeat(2,1fr)}.Bdashboard-container .metrics-grid{grid-template-columns:1fr}}.Bdashboard-container .metrics-grid .metric-card{background:#fff;border-left:5px solid #0000;border-radius:12px;flex-direction:column;justify-content:space-between;width:100%;height:90px;padding:15px;display:flex;box-shadow:0 1px 3px #0000000d}.Bdashboard-container .metrics-grid .metric-card.card-students{border-left-color:#3b82f6}.Bdashboard-container .metrics-grid .metric-card.card-staff{border-left-color:#a855f7}.Bdashboard-container .metrics-grid .metric-card.card-attendance{border-left-color:#f59e0b}.Bdashboard-container .metrics-grid .metric-card.card-fees{border-left-color:#10b981}.Bdashboard-container .metrics-grid .metric-card .card-content{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.Bdashboard-container .metrics-grid .metric-card .card-content .text-section{flex-direction:column;gap:8px;display:flex}.Bdashboard-container .metrics-grid .metric-card .card-content .text-section .card-label{color:#03173c;font-size:15px;font-weight:500}.Bdashboard-container .metrics-grid .metric-card .card-content .text-section .card-value{color:#03173c;font-size:25px;font-weight:700}.Bdashboard-container .metrics-grid .metric-card .card-content .icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:65px;height:65px;display:flex}.Bdashboard-container .metrics-grid .metric-card .card-content .icon-wrapper .DashIcon{width:70%;height:70%}.Bdashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-students{color:#2563eb;background-color:#eff6ff}.Bdashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-staff{color:#9333ea;background-color:#f3e8ff}.Bdashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-attendance{color:#d97706;background-color:#fef3c7}.Bdashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-fees{color:#059669;background-color:#ecfdf5}.Bdashboard-container .metrics-grid .metric-card .card-footer{color:#10b981;align-items:center;gap:4px;font-size:14px;font-weight:500;display:flex}.Bdashboard-container .metrics-grid .metric-card .card-footer .arrow{width:7%;font-weight:700}.tableContainer{background-color:#f4f7fc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tableContainer .filterSection{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:flex-end;margin-bottom:24px;margin-left:30px;margin-right:40px;padding:16px 24px;display:flex;box-shadow:0 1px 3px #00000005}.tableContainer .filterSection .filterGroup{flex-direction:column;display:flex}.tableContainer .filterSection .filterGroup .filterLabel{color:#4a5568;margin-bottom:8px;font-size:13px;font-weight:500}.tableContainer .filterSection .filterGroup .selectWrapper{width:180px;position:relative}.tableContainer .filterSection .filterGroup .selectWrapper .selectInput{color:#1a202c;appearance:none;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:10px 36px 10px 16px;font-size:14px}.tableContainer .filterSection .filterGroup .selectWrapper:after{content:"";clip-path:polygon(100% 0,0 0,50% 100%);pointer-events:none;background-color:#4a5568;width:10px;height:6px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.tableContainer .filterSection .resetBtn{color:#1070e0;cursor:pointer;background-color:#fff;border:1px solid #1070e0;border-radius:6px;align-items:center;padding:10px 20px;font-size:14px;font-weight:500;display:flex}.tableContainer .filterSection .resetBtn .resetIcon{width:16px;height:16px;margin-right:8px}.tableContainer .tableWrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:40px;margin-left:30px;margin-right:40px;overflow:hidden;box-shadow:0 1px 3px #00000005}.tableContainer .tableWrapper .staffTable{border-collapse:collapse;text-align:left;width:100%}.tableContainer .tableWrapper .staffTable th{color:#4a5568;background-color:#f1f5f9;padding:16px 24px;font-size:14px;font-weight:500}.tableContainer .tableWrapper .staffTable td{color:#4a5568;border-bottom:1px solid #f1f5f9;padding:16px 24px;font-size:14px}.tableContainer .tableWrapper .staffTable .staffName{color:#1070e0}.tableContainer .tableWrapper .staffTable .roleText,.tableContainer .tableWrapper .staffTable .classText,.tableContainer .tableWrapper .staffTable .subjectText{color:#1e293b}.tableContainer .tableWrapper .staffTable .actionButtons{gap:16px;display:flex}.tableContainer .tableWrapper .staffTable .actionButtons .editBtn,.tableContainer .tableWrapper .staffTable .actionButtons .deleteBtn{cursor:pointer;background:0 0;border:none;padding:0}:is(.tableContainer .tableWrapper .staffTable .actionButtons .editBtn,.tableContainer .tableWrapper .staffTable .actionButtons .deleteBtn) svg{width:18px;height:18px}.tableContainer .tableWrapper .staffTable .actionButtons .editBtn svg{stroke:#94a3b8}.tableContainer .tableWrapper .staffTable .actionButtons .deleteBtn svg{stroke:#f87171}.tableContainer .tableWrapper .paginationRow{background-color:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.tableContainer .tableWrapper .paginationRow .paginationInfo{color:#64748b;font-size:14px}.tableContainer .tableWrapper .paginationRow .paginationControls{align-items:center;gap:8px;display:flex}.tableContainer .tableWrapper .paginationRow .paginationControls .pageBtn,.tableContainer .tableWrapper .paginationRow .paginationControls .arrowBtn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:14px;display:flex}.tableContainer .tableWrapper .paginationRow .paginationControls .activePage{color:#fff;background-color:#1070e0;font-weight:500}.tableContainer .tableWrapper .paginationRow .paginationControls .arrowBtn:disabled{color:#cbd5e1;cursor:not-allowed}.tableContainer .tableWrapper .paginationRow .paginationControls .ellipsis{color:#64748b;padding:0 4px;font-size:14px}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup{align-items:center;gap:8px;display:flex}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup .rowsLabel{color:#64748b;font-size:14px}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup .rowsSelectWrapper{position:relative}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup .rowsSelectWrapper .rowsSelect{color:#1a202c;appearance:none;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px 32px 6px 12px;font-size:14px}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup .rowsSelectWrapper:after{content:"";clip-path:polygon(100% 0,0 0,50% 100%);pointer-events:none;background-color:#4a5568;width:8px;height:5px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.tableContainer .footerRow{background-color:#fff;justify-content:space-between;align-items:center;width:100%;height:10vh;padding:40px;font-size:14px;display:flex}.tableContainer .footerRow .copyrightText{color:#94a3b8}.tableContainer .footerRow .supportText{color:#64748b}.tableContainer .footerRow .supportText .supportLink{color:#1070e0;text-decoration:none}.AdminDashboard-header{background-color:#fff;border-bottom:1px solid #f0f0f5;justify-content:space-between;align-items:center;width:100%;height:12vh;padding:12px 24px;font-family:system-ui,-apple-system,sans-serif;display:flex}.AdminDashboard-header .search-container{align-items:center;width:29%;display:flex;position:relative}.AdminDashboard-header .search-container .search-input{color:#1e1e2f;background-color:#fff;border:1px solid #e2e2ec;border-radius:8px;outline:none;width:100%;padding:10px 40px 10px 16px;font-size:14px}.AdminDashboard-header .search-container .search-input::placeholder{color:#a0a0b0}.AdminDashboard-header .search-container .search-input:focus{border-color:#3b82f6}.AdminDashboard-header .search-container .search-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:12px}.AdminDashboard-header .search-container .search-button .search-icon{color:#2563eb;width:16px;height:16px}.AdminDashboard-header .meta-container{color:#4a4a6a;align-items:center;gap:12px;width:35%;margin-left:8%;font-size:11px;display:flex}.AdminDashboard-header .meta-container .date-display{align-items:center;gap:8px;display:flex}.AdminDashboard-header .meta-container .date-display .calendar-icon{color:#71718a;width:16px;height:16px}.AdminDashboard-header .meta-container .divider{background-color:#e2e2ec;width:1px;height:16px}.AdminDashboard-header .meta-container .dropdown{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.AdminDashboard-header .meta-container .dropdown:hover{color:#1e1e2f}.AdminDashboard-header .meta-container .dropdown .chevron-icon{color:#71718a;width:14px;height:14px}.AdminDashboard-header .profile-container{align-items:center;gap:10px;width:22%;height:10vh;margin-right:-2%;display:flex}.AdminDashboard-header .profile-container .notification-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:relative}.AdminDashboard-header .profile-container .notification-button .bell-icon{color:#1e1e2f;fill:#1e1e2f;width:22px;height:22px}.AdminDashboard-header .profile-container .notification-button .notification-badge{background-color:#eab308;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.AdminDashboard-header .profile-container .user-profile{align-items:center;gap:12px;display:flex}.AdminDashboard-header .profile-container .user-profile .avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.AdminDashboard-header .profile-container .Auser-info{flex-direction:column;width:60%;display:flex}.AdminDashboard-header .profile-container .Auser-info .user-name{color:#1e1e2f;font-size:14px;font-weight:500;line-height:1.2}.AdminDashboard-header .profile-container .Auser-info .user-role{color:#71718a;margin-top:2px;font-size:12px}.dashboard-container{width:100%;min-height:40vh;padding-top:20px;padding-left:35px;padding-right:35px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-container .dashboard-header{margin-bottom:32px}.dashboard-container .dashboard-header .welcome-text{color:#03173c;align-items:center;gap:10px;margin:0 0 8px;font-size:32px;font-weight:700;display:flex}.dashboard-container .dashboard-header .welcome-text .wave-emoji{display:inline-block}.dashboard-container .dashboard-header .subtitle-text{color:#03173c;margin:0;font-size:16px}.dashboard-container .metrics-grid{grid-template-columns:repeat(4,1fr);gap:24px;width:100%;height:110px;display:grid}@media (width<=450px){.dashboard-container .metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-container .metrics-grid{grid-template-columns:1fr}}.dashboard-container .metrics-grid .metric-card{background:#fff;border-left:5px solid #0000;border-radius:12px;flex-direction:column;justify-content:space-between;width:100%;height:110px;padding:15px;display:flex;box-shadow:0 1px 3px #0000000d}.dashboard-container .metrics-grid .metric-card.card-students{border-left-color:#3b82f6}.dashboard-container .metrics-grid .metric-card.card-staff{border-left-color:#a855f7}.dashboard-container .metrics-grid .metric-card.card-attendance{border-left-color:#f59e0b}.dashboard-container .metrics-grid .metric-card.card-fees{border-left-color:#10b981}.dashboard-container .metrics-grid .metric-card .card-content{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.dashboard-container .metrics-grid .metric-card .card-content .text-section{flex-direction:column;gap:8px;display:flex}.dashboard-container .metrics-grid .metric-card .card-content .text-section .card-label{color:#03173c;font-size:15px;font-weight:500}.dashboard-container .metrics-grid .metric-card .card-content .text-section .card-value{color:#03173c;font-size:25px;font-weight:700}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:65px;height:65px;display:flex}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper .DashIcon{width:70%;height:70%}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-students{color:#2563eb;background-color:#eff6ff}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-staff{color:#9333ea;background-color:#f3e8ff}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-attendance{color:#d97706;background-color:#fef3c7}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-fees{color:#059669;background-color:#ecfdf5}.dashboard-container .metrics-grid .metric-card .card-footer{color:#10b981;align-items:center;gap:4px;font-size:14px;font-weight:500;display:flex}.dashboard-container .metrics-grid .metric-card .card-footer .arrow{width:7%;font-weight:700}.tableContainer{background-color:#f4f7fc;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tableContainer .filterSection{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:flex-end;margin-bottom:24px;padding:16px 24px;display:flex;box-shadow:0 1px 3px #00000005}.tableContainer .filterSection .filtersGroup{gap:16px;display:flex}.tableContainer .filterSection .filtersGroup .filterItem{flex-direction:column;display:flex}.tableContainer .filterSection .filtersGroup .filterItem .filterLabel{color:#4a5568;margin-bottom:8px;font-size:13px;font-weight:500}.tableContainer .filterSection .filtersGroup .filterItem .selectWrapper{width:150px;position:relative}.tableContainer .filterSection .filtersGroup .filterItem .selectWrapper .selectInput{color:#1a202c;appearance:none;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:10px 36px 10px 16px;font-size:13px}.tableContainer .filterSection .filtersGroup .filterItem .selectWrapper:after{content:"";clip-path:polygon(100% 0,0 0,50% 100%);pointer-events:none;background-color:#4a5568;width:10px;height:6px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.tableContainer .filterSection .resetBtn{color:#1070e0;cursor:pointer;background-color:#fff;border:1px solid #1070e0;border-radius:6px;align-items:center;padding:10px 20px;font-size:14px;font-weight:500;display:flex}.tableContainer .filterSection .resetBtn .resetIcon{width:16px;height:16px;margin-right:8px}.tableContainer .tableWrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:40px;overflow:hidden;box-shadow:0 1px 3px #00000005}.tableContainer .tableWrapper .studentTable{border-collapse:collapse;text-align:left;width:100%}.tableContainer .tableWrapper .studentTable th{color:#4a5568;background-color:#f1f5f9;padding:16px 24px;font-size:14px;font-weight:500}.tableContainer .tableWrapper .studentTable td{border-bottom:1px solid #f1f5f9;padding:16px 24px;font-size:14px}.tableContainer .tableWrapper .studentTable .studentName{color:#1070e0}.tableContainer .tableWrapper .studentTable .genderText,.tableContainer .tableWrapper .studentTable .classText,.tableContainer .tableWrapper .studentTable .deptText,.tableContainer .tableWrapper .studentTable .phoneText{color:#1e293b}.tableContainer .tableWrapper .studentTable .actionButtons{gap:16px;display:flex}.tableContainer .tableWrapper .studentTable .actionButtons .editBtn,.tableContainer .tableWrapper .studentTable .actionButtons .deleteBtn{cursor:pointer;background:0 0;border:none;padding:0}:is(.tableContainer .tableWrapper .studentTable .actionButtons .editBtn,.tableContainer .tableWrapper .studentTable .actionButtons .deleteBtn) svg{width:18px;height:18px}.tableContainer .tableWrapper .studentTable .actionButtons .editBtn svg{stroke:#94a3b8}.tableContainer .tableWrapper .studentTable .actionButtons .deleteBtn svg{stroke:#f87171}.tableContainer .tableWrapper .paginationRow{background-color:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.tableContainer .tableWrapper .paginationRow .paginationInfo{color:#64748b;font-size:14px}.tableContainer .tableWrapper .paginationRow .paginationControls{align-items:center;gap:8px;display:flex}.tableContainer .tableWrapper .paginationRow .paginationControls .pageBtn,.tableContainer .tableWrapper .paginationRow .paginationControls .arrowBtn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:14px;display:flex}.tableContainer .tableWrapper .paginationRow .paginationControls .activePage{color:#fff;background-color:#1070e0;font-weight:500}.tableContainer .tableWrapper .paginationRow .paginationControls .arrowBtn:disabled{color:#cbd5e1;cursor:not-allowed}.tableContainer .tableWrapper .paginationRow .paginationControls .ellipsis{color:#64748b;padding:0 4px;font-size:14px}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup{align-items:center;gap:8px;display:flex}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup .rowsLabel{color:#64748b;font-size:14px}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup .rowsSelectWrapper{position:relative}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup .rowsSelectWrapper .rowsSelect{color:#1a202c;appearance:none;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px 32px 6px 12px;font-size:14px}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup .rowsSelectWrapper:after{content:"";clip-path:polygon(100% 0,0 0,50% 100%);pointer-events:none;background-color:#4a5568;width:8px;height:5px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.tableContainer .footerRow{justify-content:space-between;align-items:center;padding:0 4px;font-size:14px;display:flex}.tableContainer .footerRow .copyrightText{color:#94a3b8}.tableContainer .footerRow .supportText{color:#64748b}.tableContainer .footerRow .supportText .supportLink{color:#1070e0;text-decoration:none}.AdminDashboard-header{background-color:#fff;border-bottom:1px solid #f0f0f5;justify-content:space-between;align-items:center;width:100%;height:12vh;padding:12px 24px;font-family:system-ui,-apple-system,sans-serif;display:flex}.AdminDashboard-header .search-container{align-items:center;width:29%;display:flex;position:relative}.AdminDashboard-header .search-container .search-input{color:#1e1e2f;background-color:#fff;border:1px solid #e2e2ec;border-radius:8px;outline:none;width:100%;padding:10px 40px 10px 16px;font-size:14px}.AdminDashboard-header .search-container .search-input::placeholder{color:#a0a0b0}.AdminDashboard-header .search-container .search-input:focus{border-color:#3b82f6}.AdminDashboard-header .search-container .search-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:12px}.AdminDashboard-header .search-container .search-button .search-icon{color:#2563eb;width:16px;height:16px}.AdminDashboard-header .meta-container{color:#4a4a6a;align-items:center;gap:12px;width:35%;margin-left:8%;font-size:11px;display:flex}.AdminDashboard-header .meta-container .date-display{align-items:center;gap:8px;display:flex}.AdminDashboard-header .meta-container .date-display .calendar-icon{color:#71718a;width:16px;height:16px}.AdminDashboard-header .meta-container .divider{background-color:#e2e2ec;width:1px;height:16px}.AdminDashboard-header .meta-container .dropdown{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.AdminDashboard-header .meta-container .dropdown:hover{color:#1e1e2f}.AdminDashboard-header .meta-container .dropdown .chevron-icon{color:#71718a;width:14px;height:14px}.AdminDashboard-header .profile-container{align-items:center;gap:10px;width:22%;height:10vh;margin-right:-2%;display:flex}.AdminDashboard-header .profile-container .notification-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:relative}.AdminDashboard-header .profile-container .notification-button .bell-icon{color:#1e1e2f;fill:#1e1e2f;width:22px;height:22px}.AdminDashboard-header .profile-container .notification-button .notification-badge{background-color:#eab308;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.AdminDashboard-header .profile-container .user-profile{align-items:center;gap:12px;display:flex}.AdminDashboard-header .profile-container .user-profile .avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.AdminDashboard-header .profile-container .Auser-info{flex-direction:column;width:60%;display:flex}.AdminDashboard-header .profile-container .Auser-info .user-name{color:#1e1e2f;font-size:14px;font-weight:500;line-height:1.2}.AdminDashboard-header .profile-container .Auser-info .user-role{color:#71718a;margin-top:2px;font-size:12px}.attendanceContainer{background-color:#f4f7fc;flex-direction:column;gap:28px;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.attendanceContainer .pageHeader{flex-direction:column;gap:6px;display:flex}.attendanceContainer .pageHeader .headerTitle{color:#0f172a;margin:0;font-size:24px;font-weight:700}.attendanceContainer .pageHeader .headerSubtitle{color:#475569;margin:0;font-size:14px}.attendanceContainer .attendanceContentCard{background-color:#fff;border-radius:12px;flex-direction:column;display:flex;box-shadow:0 1px 3px #00000003}.attendanceContainer .attendanceContentCard .tabsGroup{border-bottom:1px solid #f1f5f9;gap:32px;padding:0 32px;display:flex}.attendanceContainer .attendanceContentCard .tabsGroup .tabItem{color:#475569;cursor:pointer;background:0 0;border:none;padding:20px 0;font-size:14px;font-weight:500;position:relative}.attendanceContainer .attendanceContentCard .tabsGroup .tabItem.activeTabItem{color:#0d6efd;font-weight:600}.attendanceContainer .attendanceContentCard .tabsGroup .tabItem.activeTabItem:after{content:"";background-color:#0d6efd;border-radius:2px;width:100%;height:2.5px;position:absolute;bottom:-1px;left:0}.attendanceContainer .attendanceContentCard .toolbarRow{justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.attendanceContainer .attendanceContentCard .toolbarRow .sectionHeading{color:#1e293b;margin:0;font-size:16px;font-weight:600}.attendanceContainer .attendanceContentCard .toolbarRow .toolbarControls{align-items:flex-end;gap:16px;display:flex}.attendanceContainer .attendanceContentCard .toolbarRow .toolbarControls .filterBox{flex-direction:column;gap:6px;display:flex}.attendanceContainer .attendanceContentCard .toolbarRow .toolbarControls .filterBox .filterLabel{color:#64748b;font-size:11px;font-weight:500}.attendanceContainer .attendanceContentCard .toolbarRow .toolbarControls .filterBox .datePickerMock{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;height:38px;padding:8px 14px;display:flex}.attendanceContainer .attendanceContentCard .toolbarRow .toolbarControls .filterBox .datePickerMock .calendarIcon{font-size:13px}.attendanceContainer .attendanceContentCard .toolbarRow .toolbarControls .filterBox .datePickerMock .dateText{color:#334155;font-size:12px;font-weight:500}.attendanceContainer .attendanceContentCard .toolbarRow .toolbarControls .resetButton{color:#0d6efd;cursor:pointer;background-color:#fff;border:1px solid #0d6efd;border-radius:6px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:500;display:flex}.attendanceContainer .attendanceContentCard .toolbarRow .toolbarControls .resetButton .resetIcon{width:14px;height:14px}.attendanceContainer .attendanceContentCard .toolbarRow .toolbarControls .resetButton:hover{background-color:#f0f7ff}.attendanceContainer .attendanceContentCard .tableResponsiveWrapper{padding:0 32px;overflow-x:auto}.attendanceContainer .attendanceContentCard .tableResponsiveWrapper .attendanceTable{border-collapse:collapse;text-align:left;width:100%}.attendanceContainer .attendanceContentCard .tableResponsiveWrapper .attendanceTable th{color:#334155;background-color:#e2e8f0;border:none;padding:14px 20px;font-size:13px;font-weight:600}.attendanceContainer .attendanceContentCard .tableResponsiveWrapper .attendanceTable th:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.attendanceContainer .attendanceContentCard .tableResponsiveWrapper .attendanceTable th:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.attendanceContainer .attendanceContentCard .tableResponsiveWrapper .attendanceTable td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px 20px;font-size:13.5px}.attendanceContainer .attendanceContentCard .tableResponsiveWrapper .attendanceTable .staffNameCell{color:#0d6efd;font-weight:500}.attendanceContainer .attendanceContentCard .tableResponsiveWrapper .attendanceTable .roleCell,.attendanceContainer .attendanceContentCard .tableResponsiveWrapper .attendanceTable .timeCell,.attendanceContainer .attendanceContentCard .tableResponsiveWrapper .attendanceTable .dateCell{color:#475569}.attendanceContainer .attendanceContentCard .paginationContainer{justify-content:space-between;align-items:center;padding:24px 32px 32px;display:flex}.attendanceContainer .attendanceContentCard .paginationContainer .recordsCountInfo{color:#64748b;font-size:13px}.attendanceContainer .attendanceContentCard .paginationContainer .paginationControlsGroup{align-items:center;gap:6px;display:flex}.attendanceContainer .attendanceContentCard .paginationContainer .paginationControlsGroup .pageNumber,.attendanceContainer .attendanceContentCard .paginationContainer .paginationControlsGroup .navArrow{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:28px;height:28px;font-size:13px;display:flex}.attendanceContainer .attendanceContentCard .paginationContainer .paginationControlsGroup .activePage{color:#fff;background-color:#0d6efd;font-weight:500}.attendanceContainer .attendanceContentCard .paginationContainer .paginationControlsGroup .navArrow:disabled{color:#cbd5e1;cursor:not-allowed}.attendanceContainer .attendanceContentCard .paginationContainer .paginationControlsGroup .paginationEllipsis{color:#64748b;padding:0 2px;font-size:13px}.attendanceContainer .attendanceContentCard .paginationContainer .pageSizeSelector{align-items:center;gap:8px;display:flex}.attendanceContainer .attendanceContentCard .paginationContainer .pageSizeSelector .pageSizeLabel{color:#64748b;font-size:13px}.attendanceContainer .attendanceContentCard .paginationContainer .pageSizeSelector .customSelectWrapper{position:relative}.attendanceContainer .attendanceContentCard .paginationContainer .pageSizeSelector .customSelectWrapper .nativeSelect{color:#334155;appearance:none;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:6px 28px 6px 10px;font-size:13px}.attendanceContainer .attendanceContentCard .paginationContainer .pageSizeSelector .customSelectWrapper:after{content:"▼";color:#64748b;pointer-events:none;font-size:8px;position:absolute;top:52%;right:10px;transform:translateY(-50%)}.attendanceContainer .systemFooter{justify-content:space-between;align-items:center;margin-top:12px;padding:8px 4px;font-size:13px;display:flex}.attendanceContainer .systemFooter .copyrightNote{color:#94a3b8}.attendanceContainer .systemFooter .supportNote{color:#64748b}.attendanceContainer .systemFooter .supportNote .supportAnchor{color:#0d6efd;font-weight:500;text-decoration:none}.AdminDashboard-header{background-color:#fff;border-bottom:1px solid #f0f0f5;justify-content:space-between;align-items:center;width:100%;height:12vh;padding:12px 24px;font-family:system-ui,-apple-system,sans-serif;display:flex}.AdminDashboard-header .search-container{align-items:center;width:29%;display:flex;position:relative}.AdminDashboard-header .search-container .search-input{color:#1e1e2f;background-color:#fff;border:1px solid #e2e2ec;border-radius:8px;outline:none;width:100%;padding:10px 40px 10px 16px;font-size:14px}.AdminDashboard-header .search-container .search-input::placeholder{color:#a0a0b0}.AdminDashboard-header .search-container .search-input:focus{border-color:#3b82f6}.AdminDashboard-header .search-container .search-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:12px}.AdminDashboard-header .search-container .search-button .search-icon{color:#2563eb;width:16px;height:16px}.AdminDashboard-header .meta-container{color:#4a4a6a;align-items:center;gap:12px;width:35%;margin-left:8%;font-size:11px;display:flex}.AdminDashboard-header .meta-container .date-display{align-items:center;gap:8px;display:flex}.AdminDashboard-header .meta-container .date-display .calendar-icon{color:#71718a;width:16px;height:16px}.AdminDashboard-header .meta-container .divider{background-color:#e2e2ec;width:1px;height:16px}.AdminDashboard-header .meta-container .dropdown{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.AdminDashboard-header .meta-container .dropdown:hover{color:#1e1e2f}.AdminDashboard-header .meta-container .dropdown .chevron-icon{color:#71718a;width:14px;height:14px}.AdminDashboard-header .profile-container{align-items:center;gap:10px;width:22%;height:10vh;margin-right:-2%;display:flex}.AdminDashboard-header .profile-container .notification-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:relative}.AdminDashboard-header .profile-container .notification-button .bell-icon{color:#1e1e2f;fill:#1e1e2f;width:22px;height:22px}.AdminDashboard-header .profile-container .notification-button .notification-badge{background-color:#eab308;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.AdminDashboard-header .profile-container .user-profile{align-items:center;gap:12px;display:flex}.AdminDashboard-header .profile-container .user-profile .avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.AdminDashboard-header .profile-container .Auser-info{flex-direction:column;width:60%;display:flex}.AdminDashboard-header .profile-container .Auser-info .user-name{color:#1e1e2f;font-size:14px;font-weight:500;line-height:1.2}.AdminDashboard-header .profile-container .Auser-info .user-role{color:#71718a;margin-top:2px;font-size:12px}.dashboard-container{width:100%;min-height:40vh;padding-top:20px;padding-left:35px;padding-right:35px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-container .dashboard-header{margin-bottom:32px}.dashboard-container .dashboard-header .welcome-text{color:#03173c;align-items:center;gap:10px;margin:0 0 8px;font-size:32px;font-weight:700;display:flex}.dashboard-container .dashboard-header .welcome-text .wave-emoji{display:inline-block}.dashboard-container .dashboard-header .subtitle-text{color:#03173c;margin:0;font-size:16px}.dashboard-container .metrics-grid{grid-template-columns:repeat(4,1fr);gap:24px;width:100%;height:110px;display:grid}@media (width<=450px){.dashboard-container .metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-container .metrics-grid{grid-template-columns:1fr}}.dashboard-container .metrics-grid .metric-card{background:#fff;border-left:5px solid #0000;border-radius:12px;flex-direction:column;justify-content:space-between;width:100%;height:110px;padding:15px;display:flex;box-shadow:0 1px 3px #0000000d}.dashboard-container .metrics-grid .metric-card.card-students{border-left-color:#3b82f6}.dashboard-container .metrics-grid .metric-card.card-staff{border-left-color:#a855f7}.dashboard-container .metrics-grid .metric-card.card-attendance{border-left-color:#f59e0b}.dashboard-container .metrics-grid .metric-card.card-fees{border-left-color:#10b981}.dashboard-container .metrics-grid .metric-card .card-content{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.dashboard-container .metrics-grid .metric-card .card-content .text-section{flex-direction:column;gap:8px;display:flex}.dashboard-container .metrics-grid .metric-card .card-content .text-section .card-label{color:#03173c;font-size:15px;font-weight:500}.dashboard-container .metrics-grid .metric-card .card-content .text-section .card-value{color:#03173c;font-size:25px;font-weight:700}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:65px;height:65px;display:flex}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper .DashIcon{width:70%;height:70%}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-students{color:#2563eb;background-color:#eff6ff}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-staff{color:#9333ea;background-color:#f3e8ff}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-attendance{color:#d97706;background-color:#fef3c7}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-fees{color:#059669;background-color:#ecfdf5}.dashboard-container .metrics-grid .metric-card .card-footer{color:#10b981;align-items:center;gap:4px;font-size:14px;font-weight:500;display:flex}.dashboard-container .metrics-grid .metric-card .card-footer .arrow{width:7%;font-weight:700}.tableContainer{background-color:#f4f7fc;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tableContainer .filterSection{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:flex-end;margin-bottom:24px;padding:16px 24px;display:flex;box-shadow:0 1px 3px #00000005}.tableContainer .filterSection .filterGroup{flex-direction:column;display:flex}.tableContainer .filterSection .filterGroup .filterLabel{color:#4a5568;margin-bottom:8px;font-size:13px;font-weight:500}.tableContainer .filterSection .filterGroup .selectWrapper{width:160px;position:relative}.tableContainer .filterSection .filterGroup .selectWrapper .selectInput{color:#1a202c;appearance:none;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:10px 36px 10px 32px;font-size:13px}.tableContainer .filterSection .filterGroup .selectWrapper:before{content:"";clip-path:polygon(0% 0%,100% 0%,60% 60%,60% 100%,40% 100%,40% 60%);pointer-events:none;background-color:#4a5568;width:14px;height:10px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.tableContainer .filterSection .filterGroup .selectWrapper:after{content:"";clip-path:polygon(100% 0,0 0,50% 100%);pointer-events:none;background-color:#4a5568;width:10px;height:6px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.tableContainer .filterSection .resetBtn{color:#1070e0;cursor:pointer;background-color:#fff;border:1px solid #1070e0;border-radius:6px;align-items:center;padding:10px 20px;font-size:14px;font-weight:500;display:flex}.tableContainer .filterSection .resetBtn .resetIcon{width:16px;height:16px;margin-right:8px}.tableContainer .tableWrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:40px;overflow:hidden;box-shadow:0 1px 3px #00000005}.tableContainer .tableWrapper .subjectTable{border-collapse:collapse;text-align:left;width:100%}.tableContainer .tableWrapper .subjectTable th{color:#4a5568;background-color:#f1f5f9;padding:16px 24px;font-size:14px;font-weight:500}.tableContainer .tableWrapper .subjectTable td{border-bottom:1px solid #f1f5f9;padding:16px 24px;font-size:14px}.tableContainer .tableWrapper .subjectTable .subjectName{color:#1070e0}.tableContainer .tableWrapper .subjectTable .deptText,.tableContainer .tableWrapper .subjectTable .sectionText,.tableContainer .tableWrapper .subjectTable .teachersText{color:#1e293b}.tableContainer .tableWrapper .subjectTable .actionButtons{gap:16px;display:flex}.tableContainer .tableWrapper .subjectTable .actionButtons .editBtn,.tableContainer .tableWrapper .subjectTable .actionButtons .deleteBtn{cursor:pointer;background:0 0;border:none;padding:0}:is(.tableContainer .tableWrapper .subjectTable .actionButtons .editBtn,.tableContainer .tableWrapper .subjectTable .actionButtons .deleteBtn) svg{width:18px;height:18px}.tableContainer .tableWrapper .subjectTable .actionButtons .editBtn svg{stroke:#94a3b8}.tableContainer .tableWrapper .subjectTable .actionButtons .deleteBtn svg{stroke:#f87171}.tableContainer .tableWrapper .paginationRow{background-color:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.tableContainer .tableWrapper .paginationRow .paginationInfo{color:#64748b;font-size:14px}.tableContainer .tableWrapper .paginationRow .paginationControls{align-items:center;gap:8px;display:flex}.tableContainer .tableWrapper .paginationRow .paginationControls .pageBtn,.tableContainer .tableWrapper .paginationRow .paginationControls .arrowBtn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:14px;display:flex}.tableContainer .tableWrapper .paginationRow .paginationControls .activePage{color:#fff;background-color:#1070e0;font-weight:500}.tableContainer .tableWrapper .paginationRow .paginationControls .arrowBtn:disabled{color:#cbd5e1;cursor:not-allowed}.tableContainer .tableWrapper .paginationRow .paginationControls .ellipsis{color:#64748b;padding:0 4px;font-size:14px}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup{align-items:center;gap:8px;display:flex}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup .rowsLabel{color:#64748b;font-size:14px}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup .rowsSelectWrapper{position:relative}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup .rowsSelectWrapper .rowsSelect{color:#1a202c;appearance:none;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px 32px 6px 12px;font-size:14px}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup .rowsSelectWrapper:after{content:"";clip-path:polygon(100% 0,0 0,50% 100%);pointer-events:none;background-color:#4a5568;width:8px;height:5px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.tableContainer .footerRow{justify-content:space-between;align-items:center;padding:0 4px;font-size:14px;display:flex}.tableContainer .footerRow .copyrightText{color:#94a3b8}.tableContainer .footerRow .supportText{color:#64748b}.tableContainer .footerRow .supportText .supportLink{color:#1070e0;text-decoration:none}.AdminDashboard-header{background-color:#fff;border-bottom:1px solid #f0f0f5;justify-content:space-between;align-items:center;width:100%;height:12vh;padding:12px 24px;font-family:system-ui,-apple-system,sans-serif;display:flex}.AdminDashboard-header .search-container{align-items:center;width:29%;display:flex;position:relative}.AdminDashboard-header .search-container .search-input{color:#1e1e2f;background-color:#fff;border:1px solid #e2e2ec;border-radius:8px;outline:none;width:100%;padding:10px 40px 10px 16px;font-size:14px}.AdminDashboard-header .search-container .search-input::placeholder{color:#a0a0b0}.AdminDashboard-header .search-container .search-input:focus{border-color:#3b82f6}.AdminDashboard-header .search-container .search-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:12px}.AdminDashboard-header .search-container .search-button .search-icon{color:#2563eb;width:16px;height:16px}.AdminDashboard-header .meta-container{color:#4a4a6a;align-items:center;gap:12px;width:35%;margin-left:8%;font-size:11px;display:flex}.AdminDashboard-header .meta-container .date-display{align-items:center;gap:8px;display:flex}.AdminDashboard-header .meta-container .date-display .calendar-icon{color:#71718a;width:16px;height:16px}.AdminDashboard-header .meta-container .divider{background-color:#e2e2ec;width:1px;height:16px}.AdminDashboard-header .meta-container .dropdown{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.AdminDashboard-header .meta-container .dropdown:hover{color:#1e1e2f}.AdminDashboard-header .meta-container .dropdown .chevron-icon{color:#71718a;width:14px;height:14px}.AdminDashboard-header .profile-container{align-items:center;gap:10px;width:22%;height:10vh;margin-right:-2%;display:flex}.AdminDashboard-header .profile-container .notification-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:relative}.AdminDashboard-header .profile-container .notification-button .bell-icon{color:#1e1e2f;fill:#1e1e2f;width:22px;height:22px}.AdminDashboard-header .profile-container .notification-button .notification-badge{background-color:#eab308;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.AdminDashboard-header .profile-container .user-profile{align-items:center;gap:12px;display:flex}.AdminDashboard-header .profile-container .user-profile .avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.AdminDashboard-header .profile-container .Auser-info{flex-direction:column;width:60%;display:flex}.AdminDashboard-header .profile-container .Auser-info .user-name{color:#1e1e2f;font-size:14px;font-weight:500;line-height:1.2}.AdminDashboard-header .profile-container .Auser-info .user-role{color:#71718a;margin-top:2px;font-size:12px}.tableContainer{background-color:#f4f7fc;padding:40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tableContainer .headerRow{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.tableContainer .headerRow .title{color:#0b1a30;margin:0 0 8px;font-size:28px;font-weight:700}.tableContainer .headerRow .subtitle{color:#5c6f84;margin:0;font-size:14px}.tableContainer .headerRow .addClassBtn{color:#fff;cursor:pointer;background-color:#0d6efd;border:none;border-radius:6px;align-items:center;padding:12px 20px;font-size:14px;font-weight:600;display:flex}.tableContainer .headerRow .addClassBtn .plusIcon{margin-right:8px;font-size:16px}.tableContainer .filterSection{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:flex-end;margin-bottom:24px;padding:16px 24px;display:flex;box-shadow:0 1px 3px #00000005}.tableContainer .filterSection .filterGroup{flex-direction:column;display:flex}.tableContainer .filterSection .filterGroup .filterLabel{color:#4a5568;margin-bottom:8px;font-size:13px;font-weight:500}.tableContainer .filterSection .filterGroup .selectWrapper{width:180px;position:relative}.tableContainer .filterSection .filterGroup .selectWrapper .selectInput{color:#1a202c;appearance:none;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:10px 36px 10px 16px;font-size:14px}.tableContainer .filterSection .filterGroup .selectWrapper:after{content:"";clip-path:polygon(100% 0,0 0,50% 100%);pointer-events:none;background-color:#4a5568;width:10px;height:6px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.tableContainer .filterSection .resetBtn{color:#1070e0;cursor:pointer;background-color:#fff;border:1px solid #1070e0;border-radius:6px;align-items:center;padding:10px 20px;font-size:14px;font-weight:500;display:flex}.tableContainer .filterSection .resetBtn .resetIcon{width:16px;height:16px;margin-right:8px}.tableContainer .tableWrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:40px;overflow:hidden;box-shadow:0 1px 3px #00000005}.tableContainer .tableWrapper .classTable{border-collapse:collapse;text-align:left;width:100%}.tableContainer .tableWrapper .classTable th{color:#4a5568;background-color:#f1f5f9;padding:16px 24px;font-size:14px;font-weight:500}.tableContainer .tableWrapper .classTable td{border-bottom:1px solid #f1f5f9;padding:16px 24px;font-size:14px}.tableContainer .tableWrapper .classTable .textLink{color:#1070e0}.tableContainer .tableWrapper .classTable .sectionText{color:#1e293b}.tableContainer .tableWrapper .classTable .actionButtons{gap:16px;display:flex}.tableContainer .tableWrapper .classTable .actionButtons .editBtn,.tableContainer .tableWrapper .classTable .actionButtons .deleteBtn{cursor:pointer;background:0 0;border:none;padding:0}:is(.tableContainer .tableWrapper .classTable .actionButtons .editBtn,.tableContainer .tableWrapper .classTable .actionButtons .deleteBtn) svg{width:18px;height:18px}.tableContainer .tableWrapper .classTable .actionButtons .editBtn svg{stroke:#94a3b8}.tableContainer .tableWrapper .classTable .actionButtons .deleteBtn svg{stroke:#f87171}.tableContainer .tableWrapper .paginationRow{background-color:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.tableContainer .tableWrapper .paginationRow .paginationInfo{color:#64748b;font-size:14px}.tableContainer .tableWrapper .paginationRow .paginationControls{align-items:center;gap:8px;display:flex}.tableContainer .tableWrapper .paginationRow .paginationControls .pageBtn,.tableContainer .tableWrapper .paginationRow .paginationControls .arrowBtn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:14px;display:flex}.tableContainer .tableWrapper .paginationRow .paginationControls .activePage{color:#fff;background-color:#1070e0;font-weight:500}.tableContainer .tableWrapper .paginationRow .paginationControls .arrowBtn:disabled{color:#cbd5e1;cursor:not-allowed}.tableContainer .tableWrapper .paginationRow .paginationControls .ellipsis{color:#64748b;padding:0 4px;font-size:14px}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup{align-items:center;gap:8px;display:flex}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup .rowsLabel{color:#64748b;font-size:14px}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup .rowsSelectWrapper{position:relative}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup .rowsSelectWrapper .rowsSelect{color:#1a202c;appearance:none;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px 32px 6px 12px;font-size:14px}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup .rowsSelectWrapper:after{content:"";clip-path:polygon(100% 0,0 0,50% 100%);pointer-events:none;background-color:#4a5568;width:8px;height:5px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.tableContainer .footerRow{justify-content:space-between;align-items:center;padding:0 4px;font-size:14px;display:flex}.tableContainer .footerRow .copyrightText{color:#94a3b8}.tableContainer .footerRow .supportText{color:#64748b}.tableContainer .footerRow .supportText .supportLink{color:#1070e0;text-decoration:none}.AdminDashboard-header{background-color:#fff;border-bottom:1px solid #f0f0f5;justify-content:space-between;align-items:center;width:100%;height:12vh;padding:12px 24px;font-family:system-ui,-apple-system,sans-serif;display:flex}.AdminDashboard-header .search-container{align-items:center;width:29%;display:flex;position:relative}.AdminDashboard-header .search-container .search-input{color:#1e1e2f;background-color:#fff;border:1px solid #e2e2ec;border-radius:8px;outline:none;width:100%;padding:10px 40px 10px 16px;font-size:14px}.AdminDashboard-header .search-container .search-input::placeholder{color:#a0a0b0}.AdminDashboard-header .search-container .search-input:focus{border-color:#3b82f6}.AdminDashboard-header .search-container .search-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:12px}.AdminDashboard-header .search-container .search-button .search-icon{color:#2563eb;width:16px;height:16px}.AdminDashboard-header .meta-container{color:#4a4a6a;align-items:center;gap:12px;width:35%;margin-left:8%;font-size:11px;display:flex}.AdminDashboard-header .meta-container .date-display{align-items:center;gap:8px;display:flex}.AdminDashboard-header .meta-container .date-display .calendar-icon{color:#71718a;width:16px;height:16px}.AdminDashboard-header .meta-container .divider{background-color:#e2e2ec;width:1px;height:16px}.AdminDashboard-header .meta-container .dropdown{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.AdminDashboard-header .meta-container .dropdown:hover{color:#1e1e2f}.AdminDashboard-header .meta-container .dropdown .chevron-icon{color:#71718a;width:14px;height:14px}.AdminDashboard-header .profile-container{align-items:center;gap:10px;width:22%;height:10vh;margin-right:-2%;display:flex}.AdminDashboard-header .profile-container .notification-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:relative}.AdminDashboard-header .profile-container .notification-button .bell-icon{color:#1e1e2f;fill:#1e1e2f;width:22px;height:22px}.AdminDashboard-header .profile-container .notification-button .notification-badge{background-color:#eab308;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.AdminDashboard-header .profile-container .user-profile{align-items:center;gap:12px;display:flex}.AdminDashboard-header .profile-container .user-profile .avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.AdminDashboard-header .profile-container .Auser-info{flex-direction:column;width:60%;display:flex}.AdminDashboard-header .profile-container .Auser-info .user-name{color:#1e1e2f;font-size:14px;font-weight:500;line-height:1.2}.AdminDashboard-header .profile-container .Auser-info .user-role{color:#71718a;margin-top:2px;font-size:12px}.dashboard-container{width:100%;min-height:40vh;padding-top:20px;padding-left:35px;padding-right:35px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-container .dashboard-header{margin-bottom:32px}.dashboard-container .dashboard-header .welcome-text{color:#03173c;align-items:center;gap:10px;margin:0 0 8px;font-size:32px;font-weight:700;display:flex}.dashboard-container .dashboard-header .welcome-text .wave-emoji{display:inline-block}.dashboard-container .dashboard-header .subtitle-text{color:#03173c;margin:0;font-size:16px}.dashboard-container .metrics-grid{grid-template-columns:repeat(4,1fr);gap:24px;width:100%;height:110px;display:grid}@media (width<=450px){.dashboard-container .metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-container .metrics-grid{grid-template-columns:1fr}}.dashboard-container .metrics-grid .metric-card{background:#fff;border-left:5px solid #0000;border-radius:12px;flex-direction:column;justify-content:space-between;width:100%;height:110px;padding:15px;display:flex;box-shadow:0 1px 3px #0000000d}.dashboard-container .metrics-grid .metric-card.card-students{border-left-color:#3b82f6}.dashboard-container .metrics-grid .metric-card.card-staff{border-left-color:#a855f7}.dashboard-container .metrics-grid .metric-card.card-attendance{border-left-color:#f59e0b}.dashboard-container .metrics-grid .metric-card.card-fees{border-left-color:#10b981}.dashboard-container .metrics-grid .metric-card .card-content{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.dashboard-container .metrics-grid .metric-card .card-content .text-section{flex-direction:column;gap:8px;display:flex}.dashboard-container .metrics-grid .metric-card .card-content .text-section .card-label{color:#03173c;font-size:15px;font-weight:500}.dashboard-container .metrics-grid .metric-card .card-content .text-section .card-value{color:#03173c;font-size:25px;font-weight:700}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:65px;height:65px;display:flex}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper .DashIcon{width:70%;height:70%}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-students{color:#2563eb;background-color:#eff6ff}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-staff{color:#9333ea;background-color:#f3e8ff}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-attendance{color:#d97706;background-color:#fef3c7}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-fees{color:#059669;background-color:#ecfdf5}.dashboard-container .metrics-grid .metric-card .card-footer{color:#10b981;align-items:center;gap:4px;font-size:14px;font-weight:500;display:flex}.dashboard-container .metrics-grid .metric-card .card-footer .arrow{width:7%;font-weight:700}.tableContainer{background-color:#f4f7fc;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tableContainer .filterSection{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:flex-end;margin-bottom:24px;padding:16px 24px;display:flex;box-shadow:0 1px 3px #00000005}.tableContainer .filterSection .filtersGroup{gap:16px;display:flex}.tableContainer .filterSection .filtersGroup .filterItem{flex-direction:column;display:flex}.tableContainer .filterSection .filtersGroup .filterItem .filterLabel{color:#4a5568;white-space:nowrap;margin-bottom:8px;font-size:13px;font-weight:500}.tableContainer .filterSection .filtersGroup .filterItem .selectWrapper{width:150px;position:relative}.tableContainer .filterSection .filtersGroup .filterItem .selectWrapper .selectInput{color:#1a202c;appearance:none;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:10px 36px 10px 16px;font-size:13px}.tableContainer .filterSection .filtersGroup .filterItem .selectWrapper:after{content:"";clip-path:polygon(100% 0,0 0,50% 100%);pointer-events:none;background-color:#4a5568;width:10px;height:6px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.tableContainer .filterSection .actionRowButtons{gap:12px;display:flex}.tableContainer .filterSection .actionRowButtons .exportBtn{color:#fff;cursor:pointer;background-color:#0d6efd;border:none;border-radius:6px;align-items:center;padding:10px 20px;font-size:14px;font-weight:500;display:flex}.tableContainer .filterSection .actionRowButtons .exportBtn .exportIcon{width:16px;height:16px;margin-right:8px}.tableContainer .filterSection .actionRowButtons .resetBtn{color:#1070e0;cursor:pointer;background-color:#fff;border:1px solid #1070e0;border-radius:6px;align-items:center;padding:10px 20px;font-size:14px;font-weight:500;display:flex}.tableContainer .filterSection .actionRowButtons .resetBtn .resetIcon{width:16px;height:16px;margin-right:8px}.tableContainer .tableWrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:40px;overflow:hidden;box-shadow:0 1px 3px #00000005}.tableContainer .tableWrapper .feesTable{border-collapse:collapse;text-align:left;width:100%}.tableContainer .tableWrapper .feesTable th{color:#4a5568;background-color:#f1f5f9;padding:16px 20px;font-size:14px;font-weight:500}.tableContainer .tableWrapper .feesTable td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px 20px;font-size:14px}.tableContainer .tableWrapper .feesTable .checkboxCol{text-align:center;width:40px;padding-right:0}.tableContainer .tableWrapper .feesTable .checkboxCol .customCheckbox{cursor:pointer;border:1px solid #cbd5e1;border-radius:4px;width:16px;height:16px}.tableContainer .tableWrapper .feesTable .studentName{color:#1070e0}.tableContainer .tableWrapper .feesTable .textValue{color:#4a5568}.tableContainer .tableWrapper .feesTable .statusBadge{text-align:center;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.tableContainer .tableWrapper .feesTable .statusBadge.statusFull{color:#198754;background-color:#e6f7ed}.tableContainer .tableWrapper .feesTable .statusBadge.statusPart{color:#fd7e14;background-color:#fff3e6}.tableContainer .tableWrapper .feesTable .statusBadge.statusUnpaid{color:#dc3545;background-color:#ffebee}.tableContainer .tableWrapper .feesTable .moreActionsBtn{cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;padding:4px;display:flex}.tableContainer .tableWrapper .feesTable .moreActionsBtn svg{width:18px;height:18px}.tableContainer .tableWrapper .paginationRow{background-color:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.tableContainer .tableWrapper .paginationRow .paginationInfo{color:#64748b;font-size:14px}.tableContainer .tableWrapper .paginationRow .paginationControls{align-items:center;gap:8px;display:flex}.tableContainer .tableWrapper .paginationRow .paginationControls .pageBtn,.tableContainer .tableWrapper .paginationRow .paginationControls .arrowBtn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:14px;display:flex}.tableContainer .tableWrapper .paginationRow .paginationControls .activePage{color:#fff;background-color:#1070e0;font-weight:500}.tableContainer .tableWrapper .paginationRow .paginationControls .arrowBtn:disabled{color:#cbd5e1;cursor:not-allowed}.tableContainer .tableWrapper .paginationRow .paginationControls .ellipsis{color:#64748b;padding:0 4px;font-size:14px}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup{align-items:center;gap:8px;display:flex}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup .rowsLabel{color:#64748b;font-size:14px}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup .rowsSelectWrapper{position:relative}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup .rowsSelectWrapper .rowsSelect{color:#1a202c;appearance:none;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px 32px 6px 12px;font-size:14px}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup .rowsSelectWrapper:after{content:"";clip-path:polygon(100% 0,0 0,50% 100%);pointer-events:none;background-color:#4a5568;width:8px;height:5px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.tableContainer .footerRow{justify-content:space-between;align-items:center;padding:0 4px;font-size:14px;display:flex}.tableContainer .footerRow .copyrightText{color:#94a3b8}.tableContainer .footerRow .supportText{color:#64748b}.tableContainer .footerRow .supportText .supportLink{color:#1070e0;text-decoration:none}.AdminDashboard-header{background-color:#fff;border-bottom:1px solid #f0f0f5;justify-content:space-between;align-items:center;width:100%;height:12vh;padding:12px 24px;font-family:system-ui,-apple-system,sans-serif;display:flex}.AdminDashboard-header .search-container{align-items:center;width:29%;display:flex;position:relative}.AdminDashboard-header .search-container .search-input{color:#1e1e2f;background-color:#fff;border:1px solid #e2e2ec;border-radius:8px;outline:none;width:100%;padding:10px 40px 10px 16px;font-size:14px}.AdminDashboard-header .search-container .search-input::placeholder{color:#a0a0b0}.AdminDashboard-header .search-container .search-input:focus{border-color:#3b82f6}.AdminDashboard-header .search-container .search-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:12px}.AdminDashboard-header .search-container .search-button .search-icon{color:#2563eb;width:16px;height:16px}.AdminDashboard-header .meta-container{color:#4a4a6a;align-items:center;gap:12px;width:35%;margin-left:8%;font-size:11px;display:flex}.AdminDashboard-header .meta-container .date-display{align-items:center;gap:8px;display:flex}.AdminDashboard-header .meta-container .date-display .calendar-icon{color:#71718a;width:16px;height:16px}.AdminDashboard-header .meta-container .divider{background-color:#e2e2ec;width:1px;height:16px}.AdminDashboard-header .meta-container .dropdown{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.AdminDashboard-header .meta-container .dropdown:hover{color:#1e1e2f}.AdminDashboard-header .meta-container .dropdown .chevron-icon{color:#71718a;width:14px;height:14px}.AdminDashboard-header .profile-container{align-items:center;gap:10px;width:22%;height:10vh;margin-right:-2%;display:flex}.AdminDashboard-header .profile-container .notification-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:relative}.AdminDashboard-header .profile-container .notification-button .bell-icon{color:#1e1e2f;fill:#1e1e2f;width:22px;height:22px}.AdminDashboard-header .profile-container .notification-button .notification-badge{background-color:#eab308;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.AdminDashboard-header .profile-container .user-profile{align-items:center;gap:12px;display:flex}.AdminDashboard-header .profile-container .user-profile .avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.AdminDashboard-header .profile-container .Auser-info{flex-direction:column;width:60%;display:flex}.AdminDashboard-header .profile-container .Auser-info .user-name{color:#1e1e2f;font-size:14px;font-weight:500;line-height:1.2}.AdminDashboard-header .profile-container .Auser-info .user-role{color:#71718a;margin-top:2px;font-size:12px}.dashboard-container{width:100%;min-height:40vh;padding-top:20px;padding-left:35px;padding-right:35px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-container .dashboard-header{margin-bottom:32px}.dashboard-container .dashboard-header .welcome-text{color:#03173c;align-items:center;gap:10px;margin:0 0 8px;font-size:32px;font-weight:700;display:flex}.dashboard-container .dashboard-header .welcome-text .wave-emoji{display:inline-block}.dashboard-container .dashboard-header .subtitle-text{color:#03173c;margin:0;font-size:16px}.dashboard-container .metrics-grid{grid-template-columns:repeat(4,1fr);gap:24px;width:100%;height:110px;display:grid}@media (width<=450px){.dashboard-container .metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-container .metrics-grid{grid-template-columns:1fr}}.dashboard-container .metrics-grid .metric-card{background:#fff;border-left:5px solid #0000;border-radius:12px;flex-direction:column;justify-content:space-between;width:100%;height:110px;padding:15px;display:flex;box-shadow:0 1px 3px #0000000d}.dashboard-container .metrics-grid .metric-card.card-students{border-left-color:#3b82f6}.dashboard-container .metrics-grid .metric-card.card-staff{border-left-color:#a855f7}.dashboard-container .metrics-grid .metric-card.card-attendance{border-left-color:#f59e0b}.dashboard-container .metrics-grid .metric-card.card-fees{border-left-color:#10b981}.dashboard-container .metrics-grid .metric-card .card-content{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.dashboard-container .metrics-grid .metric-card .card-content .text-section{flex-direction:column;gap:8px;display:flex}.dashboard-container .metrics-grid .metric-card .card-content .text-section .card-label{color:#03173c;font-size:15px;font-weight:500}.dashboard-container .metrics-grid .metric-card .card-content .text-section .card-value{color:#03173c;font-size:25px;font-weight:700}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:65px;height:65px;display:flex}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper .DashIcon{width:70%;height:70%}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-students{color:#2563eb;background-color:#eff6ff}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-staff{color:#9333ea;background-color:#f3e8ff}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-attendance{color:#d97706;background-color:#fef3c7}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-fees{color:#059669;background-color:#ecfdf5}.dashboard-container .metrics-grid .metric-card .card-footer{color:#10b981;align-items:center;gap:4px;font-size:14px;font-weight:500;display:flex}.dashboard-container .metrics-grid .metric-card .card-footer .arrow{width:7%;font-weight:700}.tableContainer{background-color:#f4f7fc;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tableContainer .filterSection{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:flex-end;margin-bottom:24px;padding:16px 24px;display:flex;box-shadow:0 1px 3px #00000005}.tableContainer .filterSection .filtersGroup{gap:16px;display:flex}.tableContainer .filterSection .filtersGroup .filterItem{flex-direction:column;display:flex}.tableContainer .filterSection .filtersGroup .filterItem .filterLabel{color:#4a5568;white-space:nowrap;margin-bottom:8px;font-size:13px;font-weight:500}.tableContainer .filterSection .filtersGroup .filterItem .selectWrapper{width:150px;position:relative}.tableContainer .filterSection .filtersGroup .filterItem .selectWrapper .selectInput{color:#1a202c;appearance:none;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:10px 36px 10px 16px;font-size:13px}.tableContainer .filterSection .filtersGroup .filterItem .selectWrapper:after{content:"";clip-path:polygon(100% 0,0 0,50% 100%);pointer-events:none;background-color:#4a5568;width:10px;height:6px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.tableContainer .filterSection .resetBtn{color:#1070e0;cursor:pointer;background-color:#fff;border:1px solid #1070e0;border-radius:6px;align-items:center;padding:10px 20px;font-size:14px;font-weight:500;display:flex}.tableContainer .filterSection .resetBtn .resetIcon{width:16px;height:16px;margin-right:8px}.tableContainer .tableWrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:40px;overflow:hidden;box-shadow:0 1px 3px #00000005}.tableContainer .tableWrapper .reportTable{border-collapse:collapse;text-align:left;width:100%}.tableContainer .tableWrapper .reportTable th{color:#4a5568;background-color:#f1f5f9;padding:16px 20px;font-size:14px;font-weight:500}.tableContainer .tableWrapper .reportTable td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px 20px;font-size:14px}.tableContainer .tableWrapper .reportTable .checkboxCol{text-align:center;width:40px;padding-right:0}.tableContainer .tableWrapper .reportTable .checkboxCol .customCheckbox{cursor:pointer;border:1px solid #cbd5e1;border-radius:4px;width:16px;height:16px}.tableContainer .tableWrapper .reportTable .studentName{color:#1070e0}.tableContainer .tableWrapper .reportTable .textValue{color:#4a5568}.tableContainer .tableWrapper .reportTable .statusBadge{text-align:center;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.tableContainer .tableWrapper .reportTable .statusBadge.statusSent{color:#198754;background-color:#e6f7ed}.tableContainer .tableWrapper .reportTable .statusBadge.statusPending{color:#fd7e14;background-color:#fff3e6}.tableContainer .tableWrapper .reportTable .statusBadge.statusReady{color:#0d6efd;background-color:#e6f0fa}.tableContainer .tableWrapper .reportTable .moreActionsBtn{cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;padding:4px;display:flex}.tableContainer .tableWrapper .reportTable .moreActionsBtn svg{width:18px;height:18px}.tableContainer .tableWrapper .paginationRow{background-color:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.tableContainer .tableWrapper .paginationRow .paginationInfo{color:#64748b;font-size:14px}.tableContainer .tableWrapper .paginationRow .paginationControls{align-items:center;gap:8px;display:flex}.tableContainer .tableWrapper .paginationRow .paginationControls .pageBtn,.tableContainer .tableWrapper .paginationRow .paginationControls .arrowBtn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:14px;display:flex}.tableContainer .tableWrapper .paginationRow .paginationControls .activePage{color:#fff;background-color:#1070e0;font-weight:500}.tableContainer .tableWrapper .paginationRow .paginationControls .arrowBtn:disabled{color:#cbd5e1;cursor:not-allowed}.tableContainer .tableWrapper .paginationRow .paginationControls .ellipsis{color:#64748b;padding:0 4px;font-size:14px}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup{align-items:center;gap:8px;display:flex}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup .rowsLabel{color:#64748b;font-size:14px}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup .rowsSelectWrapper{position:relative}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup .rowsSelectWrapper .rowsSelect{color:#1a202c;appearance:none;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px 32px 6px 12px;font-size:14px}.tableContainer .tableWrapper .paginationRow .rowsPerPageGroup .rowsSelectWrapper:after{content:"";clip-path:polygon(100% 0,0 0,50% 100%);pointer-events:none;background-color:#4a5568;width:8px;height:5px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.tableContainer .footerRow{justify-content:space-between;align-items:center;padding:0 4px;font-size:14px;display:flex}.tableContainer .footerRow .copyrightText{color:#94a3b8}.tableContainer .footerRow .supportText{color:#64748b}.tableContainer .footerRow .supportText .supportLink{color:#1070e0;text-decoration:none}.AdminDashboard-header{background-color:#fff;border-bottom:1px solid #f0f0f5;justify-content:space-between;align-items:center;width:100%;height:12vh;padding:12px 24px;font-family:system-ui,-apple-system,sans-serif;display:flex}.AdminDashboard-header .search-container{align-items:center;width:29%;display:flex;position:relative}.AdminDashboard-header .search-container .search-input{color:#1e1e2f;background-color:#fff;border:1px solid #e2e2ec;border-radius:8px;outline:none;width:100%;padding:10px 40px 10px 16px;font-size:14px}.AdminDashboard-header .search-container .search-input::placeholder{color:#a0a0b0}.AdminDashboard-header .search-container .search-input:focus{border-color:#3b82f6}.AdminDashboard-header .search-container .search-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:12px}.AdminDashboard-header .search-container .search-button .search-icon{color:#2563eb;width:16px;height:16px}.AdminDashboard-header .meta-container{color:#4a4a6a;align-items:center;gap:12px;width:35%;margin-left:8%;font-size:11px;display:flex}.AdminDashboard-header .meta-container .date-display{align-items:center;gap:8px;display:flex}.AdminDashboard-header .meta-container .date-display .calendar-icon{color:#71718a;width:16px;height:16px}.AdminDashboard-header .meta-container .divider{background-color:#e2e2ec;width:1px;height:16px}.AdminDashboard-header .meta-container .dropdown{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.AdminDashboard-header .meta-container .dropdown:hover{color:#1e1e2f}.AdminDashboard-header .meta-container .dropdown .chevron-icon{color:#71718a;width:14px;height:14px}.AdminDashboard-header .profile-container{align-items:center;gap:10px;width:22%;height:10vh;margin-right:-2%;display:flex}.AdminDashboard-header .profile-container .notification-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:relative}.AdminDashboard-header .profile-container .notification-button .bell-icon{color:#1e1e2f;fill:#1e1e2f;width:22px;height:22px}.AdminDashboard-header .profile-container .notification-button .notification-badge{background-color:#eab308;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.AdminDashboard-header .profile-container .user-profile{align-items:center;gap:12px;display:flex}.AdminDashboard-header .profile-container .user-profile .avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.AdminDashboard-header .profile-container .Auser-info{flex-direction:column;width:60%;display:flex}.AdminDashboard-header .profile-container .Auser-info .user-name{color:#1e1e2f;font-size:14px;font-weight:500;line-height:1.2}.AdminDashboard-header .profile-container .Auser-info .user-role{color:#71718a;margin-top:2px;font-size:12px}.dashboard-container{width:100%;min-height:40vh;padding-top:20px;padding-left:35px;padding-right:35px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-container .dashboard-header{margin-bottom:32px}.dashboard-container .dashboard-header .welcome-text{color:#03173c;align-items:center;gap:10px;margin:0 0 8px;font-size:32px;font-weight:700;display:flex}.dashboard-container .dashboard-header .welcome-text .wave-emoji{display:inline-block}.dashboard-container .dashboard-header .subtitle-text{color:#03173c;margin:0;font-size:16px}.dashboard-container .metrics-grid{grid-template-columns:repeat(4,1fr);gap:24px;width:100%;height:110px;display:grid}@media (width<=450px){.dashboard-container .metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-container .metrics-grid{grid-template-columns:1fr}}.dashboard-container .metrics-grid .metric-card{background:#fff;border-left:5px solid #0000;border-radius:12px;flex-direction:column;justify-content:space-between;width:100%;height:110px;padding:15px;display:flex;box-shadow:0 1px 3px #0000000d}.dashboard-container .metrics-grid .metric-card.card-students{border-left-color:#3b82f6}.dashboard-container .metrics-grid .metric-card.card-staff{border-left-color:#a855f7}.dashboard-container .metrics-grid .metric-card.card-attendance{border-left-color:#f59e0b}.dashboard-container .metrics-grid .metric-card.card-fees{border-left-color:#10b981}.dashboard-container .metrics-grid .metric-card .card-content{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.dashboard-container .metrics-grid .metric-card .card-content .text-section{flex-direction:column;gap:8px;display:flex}.dashboard-container .metrics-grid .metric-card .card-content .text-section .card-label{color:#03173c;font-size:15px;font-weight:500}.dashboard-container .metrics-grid .metric-card .card-content .text-section .card-value{color:#03173c;font-size:25px;font-weight:700}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:65px;height:65px;display:flex}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper .DashIcon{width:70%;height:70%}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-students{color:#2563eb;background-color:#eff6ff}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-staff{color:#9333ea;background-color:#f3e8ff}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-attendance{color:#d97706;background-color:#fef3c7}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-fees{color:#059669;background-color:#ecfdf5}.dashboard-container .metrics-grid .metric-card .card-footer{color:#10b981;align-items:center;gap:4px;font-size:14px;font-weight:500;display:flex}.dashboard-container .metrics-grid .metric-card .card-footer .arrow{width:7%;font-weight:700}.announcementsContainer{background-color:#f4f7fc;flex-direction:column;gap:24px;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.announcementsContainer .topNavbar{background-color:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;box-shadow:0 1px 3px #00000005}.announcementsContainer .topNavbar .tabGroup{gap:32px;display:flex}.announcementsContainer .topNavbar .tabGroup .tabButton{color:#4a5568;cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:15px;font-weight:500;position:relative}.announcementsContainer .topNavbar .tabGroup .tabButton.activeTab{color:#0d6efd;font-weight:600}.announcementsContainer .topNavbar .tabGroup .tabButton.activeTab:after{content:"";background-color:#0d6efd;border-radius:2px;width:100%;height:3px;position:absolute;bottom:-14px;left:0}.announcementsContainer .topNavbar .searchBoxWrapper{width:260px;position:relative}.announcementsContainer .topNavbar .searchBoxWrapper .searchInput{color:#1a202c;background-color:#fafbfc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 40px 10px 16px;font-size:13px}.announcementsContainer .topNavbar .searchBoxWrapper .searchInput::placeholder{color:#a0aec0}.announcementsContainer .topNavbar .searchBoxWrapper .searchIcon{color:#0d6efd;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.announcementsContainer .cardsList{flex-direction:column;gap:16px;display:flex}.announcementsContainer .cardsList .announcementCard{background-color:#fff;border-radius:8px;flex-direction:column;gap:12px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #00000003}.announcementsContainer .cardsList .announcementCard.border-draft{border-left:4px solid #0d6efd}.announcementsContainer .cardsList .announcementCard.border-scheduled{border-left:4px solid #a855f7}.announcementsContainer .cardsList .announcementCard.border-template{border-left:4px solid #f59e0b}.announcementsContainer .cardsList .announcementCard.border-sent{border-left:4px solid #10b981}.announcementsContainer .cardsList .announcementCard .cardHeader{justify-content:space-between;align-items:center;display:flex}.announcementsContainer .cardsList .announcementCard .cardHeader .cardTitle{color:#1e293b;margin:0;font-size:18px;font-weight:600}.announcementsContainer .cardsList .announcementCard .cardHeader .menuButton{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.announcementsContainer .cardsList .announcementCard .cardHeader .menuButton svg{width:18px;height:18px}.announcementsContainer .cardsList .announcementCard .cardContent{color:#475569;margin:0;font-size:14px;line-height:1.6}.announcementsContainer .cardsList .announcementCard .cardFooter{gap:24px;margin-top:4px;display:flex}.announcementsContainer .cardsList .announcementCard .cardFooter .metaItem{color:#94a3b8;align-items:center;gap:6px;font-size:13px;display:flex}.announcementsContainer .cardsList .announcementCard .cardFooter .metaItem .metaIcon{width:14px;height:14px}.announcementsContainer .legendBox{background-color:#fff;border-radius:8px;justify-content:center;gap:40px;padding:16px;display:flex;box-shadow:0 1px 3px #00000003}.announcementsContainer .legendBox .legendItem{align-items:center;gap:8px;display:flex}.announcementsContainer .legendBox .legendItem .indicatorDot{border-radius:50%;width:8px;height:8px}.announcementsContainer .legendBox .legendItem .indicatorDot.dot-draft{background-color:#0d6efd}.announcementsContainer .legendBox .legendItem .indicatorDot.dot-scheduled{background-color:#a855f7}.announcementsContainer .legendBox .legendItem .indicatorDot.dot-template{background-color:#f59e0b}.announcementsContainer .legendBox .legendItem .indicatorDot.dot-sent{background-color:#10b981}.announcementsContainer .legendBox .legendItem .legendLabel{color:#475569;font-size:13px;font-weight:500}.announcementsContainer .footerView{justify-content:space-between;align-items:center;margin-top:16px;padding:0 4px;font-size:13px;display:flex}.announcementsContainer .footerView .copyright{color:#94a3b8}.announcementsContainer .footerView .support{color:#64748b}.announcementsContainer .footerView .support .supportLink{color:#0d6efd;font-weight:500;text-decoration:none}.AdminDashboard-header{background-color:#fff;border-bottom:1px solid #f0f0f5;justify-content:space-between;align-items:center;width:100%;height:12vh;padding:12px 24px;font-family:system-ui,-apple-system,sans-serif;display:flex}.AdminDashboard-header .search-container{align-items:center;width:29%;display:flex;position:relative}.AdminDashboard-header .search-container .search-input{color:#1e1e2f;background-color:#fff;border:1px solid #e2e2ec;border-radius:8px;outline:none;width:100%;padding:10px 40px 10px 16px;font-size:14px}.AdminDashboard-header .search-container .search-input::placeholder{color:#a0a0b0}.AdminDashboard-header .search-container .search-input:focus{border-color:#3b82f6}.AdminDashboard-header .search-container .search-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:12px}.AdminDashboard-header .search-container .search-button .search-icon{color:#2563eb;width:16px;height:16px}.AdminDashboard-header .meta-container{color:#4a4a6a;align-items:center;gap:12px;width:35%;margin-left:8%;font-size:11px;display:flex}.AdminDashboard-header .meta-container .date-display{align-items:center;gap:8px;display:flex}.AdminDashboard-header .meta-container .date-display .calendar-icon{color:#71718a;width:16px;height:16px}.AdminDashboard-header .meta-container .divider{background-color:#e2e2ec;width:1px;height:16px}.AdminDashboard-header .meta-container .dropdown{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.AdminDashboard-header .meta-container .dropdown:hover{color:#1e1e2f}.AdminDashboard-header .meta-container .dropdown .chevron-icon{color:#71718a;width:14px;height:14px}.AdminDashboard-header .profile-container{align-items:center;gap:10px;width:22%;height:10vh;margin-right:-2%;display:flex}.AdminDashboard-header .profile-container .notification-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:relative}.AdminDashboard-header .profile-container .notification-button .bell-icon{color:#1e1e2f;fill:#1e1e2f;width:22px;height:22px}.AdminDashboard-header .profile-container .notification-button .notification-badge{background-color:#eab308;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.AdminDashboard-header .profile-container .user-profile{align-items:center;gap:12px;display:flex}.AdminDashboard-header .profile-container .user-profile .avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.AdminDashboard-header .profile-container .Auser-info{flex-direction:column;width:60%;display:flex}.AdminDashboard-header .profile-container .Auser-info .user-name{color:#1e1e2f;font-size:14px;font-weight:500;line-height:1.2}.AdminDashboard-header .profile-container .Auser-info .user-role{color:#71718a;margin-top:2px;font-size:12px}.dashboard-container{width:100%;min-height:40vh;padding-top:20px;padding-left:35px;padding-right:35px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-container .dashboard-header{margin-bottom:32px}.dashboard-container .dashboard-header .welcome-text{color:#03173c;align-items:center;gap:10px;margin:0 0 8px;font-size:32px;font-weight:700;display:flex}.dashboard-container .dashboard-header .welcome-text .wave-emoji{display:inline-block}.dashboard-container .dashboard-header .subtitle-text{color:#03173c;margin:0;font-size:16px}.dashboard-container .metrics-grid{grid-template-columns:repeat(4,1fr);gap:24px;width:100%;height:110px;display:grid}@media (width<=450px){.dashboard-container .metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-container .metrics-grid{grid-template-columns:1fr}}.dashboard-container .metrics-grid .metric-card{background:#fff;border-left:5px solid #0000;border-radius:12px;flex-direction:column;justify-content:space-between;width:100%;height:110px;padding:15px;display:flex;box-shadow:0 1px 3px #0000000d}.dashboard-container .metrics-grid .metric-card.card-students{border-left-color:#3b82f6}.dashboard-container .metrics-grid .metric-card.card-staff{border-left-color:#a855f7}.dashboard-container .metrics-grid .metric-card.card-attendance{border-left-color:#f59e0b}.dashboard-container .metrics-grid .metric-card.card-fees{border-left-color:#10b981}.dashboard-container .metrics-grid .metric-card .card-content{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.dashboard-container .metrics-grid .metric-card .card-content .text-section{flex-direction:column;gap:8px;display:flex}.dashboard-container .metrics-grid .metric-card .card-content .text-section .card-label{color:#03173c;font-size:15px;font-weight:500}.dashboard-container .metrics-grid .metric-card .card-content .text-section .card-value{color:#03173c;font-size:25px;font-weight:700}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:65px;height:65px;display:flex}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper .DashIcon{width:70%;height:70%}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-students{color:#2563eb;background-color:#eff6ff}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-staff{color:#9333ea;background-color:#f3e8ff}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-attendance{color:#d97706;background-color:#fef3c7}.dashboard-container .metrics-grid .metric-card .card-content .icon-wrapper.icon-fees{color:#059669;background-color:#ecfdf5}.dashboard-container .metrics-grid .metric-card .card-footer{color:#10b981;align-items:center;gap:4px;font-size:14px;font-weight:500;display:flex}.dashboard-container .metrics-grid .metric-card .card-footer .arrow{width:7%;font-weight:700}.dashboard-container{color:#333;background-color:#f6f8fa;flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.history-card{background-color:#fff;border:1px solid #eef1f5;border-radius:8px;padding:20px;box-shadow:0 1px 3px #00000005}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{color:#1e293b;margin:0;font-size:16px;font-weight:600}.header-filters{align-items:center;gap:12px;display:flex}.filter-group{flex-direction:column;gap:4px;display:flex}.filter-group label{color:#64748b;font-size:10px;font-weight:500}.select-wrapper select,.rows-per-page select{color:#334155;appearance:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://w3.org' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:14px;border:1px solid #cbd5e1;border-radius:6px;padding:6px 32px 6px 12px;font-size:12px}.date-picker-mock{color:#334155;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;margin-top:14px;padding:6px 12px;font-size:12px;display:flex}.calendar-icon{opacity:.7;font-size:14px}.table-responsive{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{color:#64748b;background-color:#f8fafc;border-bottom:1px solid #edf2f7;padding:12px 16px;font-size:12px;font-weight:500}.data-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px;font-size:13px}.font-medium{font-weight:500}.text-mono{color:#475569;font-family:monospace}.badge{border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500;display:inline-block}.badge-success{color:#10b981;background-color:#ecfdf5}.badge-success-outline{color:#10b981;background:0 0;padding:0}.badge-warning{color:#f97316;background-color:#fff7ed}.badge-info{color:#3b82f6;background:0 0;padding:0}.badge-danger{color:#ef4444;background-color:#fef2f2}.card-footer{justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;display:flex}.pagination-info{color:#64748b;font-size:12px}.pagination-controls{align-items:center;gap:4px;display:flex}.page-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex}.page-btn.active{color:#fff;background-color:#2563eb;font-weight:500}.page-ellipsis{color:#64748b;padding:0 4px;font-size:12px}.page-nav-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px}.rows-per-page{color:#64748b;align-items:center;gap:8px;font-size:12px;display:flex}.info-banner{background-color:#e0f2fe;border:1px solid #bae6fd;border-radius:8px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.info-content{align-items:flex-start;gap:12px;display:flex}.info-icon{color:#fff;background-color:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;font-family:serif;font-size:12px;font-weight:700;display:flex}.info-text h3{color:#0369a1;margin:0 0 4px;font-size:14px;font-weight:600}.info-text p{color:#0c4a6e;margin:0;font-size:13px}.learn-more-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:500}.dashboard-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 4px;display:flex}.copyright{color:#94a3b8;margin:0;font-size:11px}.footer-support{color:#94a3b8;font-size:11px}.support-link{color:#2563eb;font-weight:500;text-decoration:none}.support-link:hover{text-decoration:underline}.AdminDashboard-header{background-color:#fff;border-bottom:1px solid #f0f0f5;justify-content:space-between;align-items:center;width:100%;height:12vh;padding:12px 24px;font-family:system-ui,-apple-system,sans-serif;display:flex}.AdminDashboard-header .search-container{align-items:center;width:29%;display:flex;position:relative}.AdminDashboard-header .search-container .search-input{color:#1e1e2f;background-color:#fff;border:1px solid #e2e2ec;border-radius:8px;outline:none;width:100%;padding:10px 40px 10px 16px;font-size:14px}.AdminDashboard-header .search-container .search-input::placeholder{color:#a0a0b0}.AdminDashboard-header .search-container .search-input:focus{border-color:#3b82f6}.AdminDashboard-header .search-container .search-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:12px}.AdminDashboard-header .search-container .search-button .search-icon{color:#2563eb;width:16px;height:16px}.AdminDashboard-header .meta-container{color:#4a4a6a;align-items:center;gap:12px;width:35%;margin-left:8%;font-size:11px;display:flex}.AdminDashboard-header .meta-container .date-display{align-items:center;gap:8px;display:flex}.AdminDashboard-header .meta-container .date-display .calendar-icon{color:#71718a;width:16px;height:16px}.AdminDashboard-header .meta-container .divider{background-color:#e2e2ec;width:1px;height:16px}.AdminDashboard-header .meta-container .dropdown{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.AdminDashboard-header .meta-container .dropdown:hover{color:#1e1e2f}.AdminDashboard-header .meta-container .dropdown .chevron-icon{color:#71718a;width:14px;height:14px}.AdminDashboard-header .profile-container{align-items:center;gap:10px;width:22%;height:10vh;margin-right:-2%;display:flex}.AdminDashboard-header .profile-container .notification-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:relative}.AdminDashboard-header .profile-container .notification-button .bell-icon{color:#1e1e2f;fill:#1e1e2f;width:22px;height:22px}.AdminDashboard-header .profile-container .notification-button .notification-badge{background-color:#eab308;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.AdminDashboard-header .profile-container .user-profile{align-items:center;gap:12px;display:flex}.AdminDashboard-header .profile-container .user-profile .avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.AdminDashboard-header .profile-container .Auser-info{flex-direction:column;width:60%;display:flex}.AdminDashboard-header .profile-container .Auser-info .user-name{color:#1e1e2f;font-size:14px;font-weight:500;line-height:1.2}.AdminDashboard-header .profile-container .Auser-info .user-role{color:#71718a;margin-top:2px;font-size:12px}.settingsContainer{background-color:#f4f7fc;flex-direction:column;gap:28px;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.settingsContainer .settingsHeader{flex-direction:column;gap:4px;display:flex}.settingsContainer .settingsHeader .mainTitle{color:#1e293b;margin:0;font-size:24px;font-weight:700}.settingsContainer .settingsHeader .mainSubtitle{color:#64748b;margin:0;font-size:13px}.settingsContainer .settingsCard{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:24px;display:flex;box-shadow:0 1px 3px #00000003}.settingsContainer .settingsCard .cardTitle{color:#1e293b;margin:0 0 24px;font-size:16px;font-weight:600}.settingsContainer .settingsCard .inputGroup{flex-direction:column;flex:1;gap:8px;display:flex}.settingsContainer .settingsCard .inputGroup .inputLabel{color:#475569;font-size:13px;font-weight:500}.settingsContainer .settingsCard .inputGroup .textInput{color:#1e293b;box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:13px}.settingsContainer .settingsCard .inputGroup .textInput:focus{border-color:#0d6efd}.settingsContainer .settingsCard .inputGroup .textInput.numericalInput{text-align:left;max-width:120px}.settingsContainer .settingsCard .inputGroup .textInput.disabledInput{color:#64748b;cursor:not-allowed;background-color:#f8fafc}.settingsContainer .settingsCard .inputGroup .selectWrapper{width:100%;position:relative}.settingsContainer .settingsCard .inputGroup .selectWrapper .selectInput{color:#1e293b;appearance:none;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 36px 10px 14px;font-size:13px}.settingsContainer .settingsCard .inputGroup .selectWrapper:after{content:"▼";color:#64748b;pointer-events:none;font-size:8px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.settingsContainer .settingsCard .profileLayout{align-items:flex-start;gap:40px;display:flex}.settingsContainer .settingsCard .profileLayout .avatarWrapper{flex-direction:column;align-items:center;gap:10px;display:flex}.settingsContainer .settingsCard .profileLayout .avatarWrapper .imageContainer{width:100px;height:100px;position:relative}.settingsContainer .settingsCard .profileLayout .avatarWrapper .imageContainer .profileImg{object-fit:cover;border-radius:50%;width:100%;height:100%}.settingsContainer .settingsCard .profileLayout .avatarWrapper .imageContainer .cameraBtn{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 2px 4px #0000000d}.settingsContainer .settingsCard .profileLayout .avatarWrapper .imageContainer .cameraBtn .cameraIcon{color:#64748b;width:14px;height:14px}.settingsContainer .settingsCard .profileLayout .formFieldsRow{flex:1;gap:20px;max-width:760px;display:flex}.settingsContainer .settingsCard .schoolLayout{align-items:flex-start;gap:40px;display:flex}.settingsContainer .settingsCard .schoolLayout .logoWrapper{flex-direction:column;align-items:center;gap:12px;min-width:160px;display:flex}.settingsContainer .settingsCard .schoolLayout .logoWrapper .logoBadgeContainer{background-color:#fafafa;border:1px dashed #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;display:flex}.settingsContainer .settingsCard .schoolLayout .logoWrapper .logoBadgeContainer .emblemPlaceholder{color:#94a3b8;width:44px;height:44px}.settingsContainer .settingsCard .schoolLayout .logoWrapper .logoActionButtons{gap:8px;margin-top:4px;display:flex}.settingsContainer .settingsCard .schoolLayout .logoWrapper .logoActionButtons .changeImgBtn{color:#fff;cursor:pointer;background-color:#0d6efd;border:none;border-radius:6px;padding:8px 12px;font-size:11px;font-weight:500}.settingsContainer .settingsCard .schoolLayout .logoWrapper .logoActionButtons .removeImgBtn{color:#0d6efd;cursor:pointer;background-color:#fff;border:1px solid #0d6efd;border-radius:6px;padding:8px 12px;font-size:11px;font-weight:500}.settingsContainer .settingsCard .schoolLayout .schoolFormGrid{flex:1;grid-template-columns:1fr 1fr;gap:20px 24px;max-width:760px;display:grid}.settingsContainer .settingsCard .schoolLayout .schoolFormGrid .fullWidthRow{grid-column:span 2}.settingsContainer .settingsCard .configurationLayout{align-items:flex-start;gap:48px;display:flex}.settingsContainer .settingsCard .configurationLayout .scoresColumn{flex-direction:column;flex:1;gap:24px;max-width:420px;display:flex}.settingsContainer .settingsCard .configurationLayout .scoresColumn .scoresInlineGrid{gap:12px;display:flex}.settingsContainer .settingsCard .configurationLayout .scoresColumn .infoAlertCallout{background-color:#e6f2ff;border:1px solid #b3d7ff;border-radius:8px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.settingsContainer .settingsCard .configurationLayout .scoresColumn .infoAlertCallout .infoAlertIcon{color:#0d6efd;margin-top:1px;font-size:14px}.settingsContainer .settingsCard .configurationLayout .scoresColumn .infoAlertCallout .infoAlertText{color:#0d6efd;margin:0;font-size:12px;line-height:1.5}.settingsContainer .settingsCard .configurationLayout .uploadsColumn{flex:1;gap:24px;display:flex}.settingsContainer .settingsCard .configurationLayout .uploadsColumn .uploadComponentBox{flex-direction:column;flex:1;gap:8px;display:flex}.settingsContainer .settingsCard .configurationLayout .uploadsColumn .uploadComponentBox .dottedDropzone{text-align:center;background-color:#fafbfc;border:1px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:120px;padding:20px;display:flex}.settingsContainer .settingsCard .configurationLayout .uploadsColumn .uploadComponentBox .dottedDropzone .stampCircularGraphic,.settingsContainer .settingsCard .configurationLayout .uploadsColumn .uploadComponentBox .dottedDropzone .signatureLineGraphic{color:#94a3b8;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:8px;display:flex}.settingsContainer .settingsCard .configurationLayout .uploadsColumn .uploadComponentBox .dottedDropzone .dropzoneUploadBtn{color:#0d6efd;cursor:pointer;background:0 0;border:none;margin-bottom:4px;padding:0;font-size:13px;font-weight:500;text-decoration:underline}.settingsContainer .settingsCard .uploadHint,.settingsContainer .settingsCard .dropzoneHint{color:#94a3b8;font-size:11px}.settingsContainer .settingsCard .cardActionRow{border-top:1px solid #f1f5f9;justify-content:flex-end;margin-top:32px;padding-top:16px;display:flex}.settingsContainer .settingsCard .cardActionRow .saveChangesBtn{color:#fff;cursor:pointer;background-color:#0d6efd;border:none;border-radius:6px;padding:10px 24px;font-size:13px;font-weight:500}.settingsContainer .settingsCard .cardActionRow .saveChangesBtn:hover{background-color:#0b5ed7}.notificationSettingsContainer{background-color:#f4f7fc;flex-direction:column;gap:24px;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.notificationSettingsContainer .settingsPanelCard{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;padding:24px;display:flex;box-shadow:0 1px 2px #00000003}.notificationSettingsContainer .settingsPanelCard .panelCardTitle{color:#1e293b;margin:0 0 4px;font-size:15px;font-weight:600}.notificationSettingsContainer .settingsPanelCard .panelCardTitle.dangerTitleColor{color:#1e293b}.notificationSettingsContainer .settingsPanelCard .panelCardDescription{color:#334155;margin:0;font-size:13px}.notificationSettingsContainer .settingsPanelCard .cardHeaderRow{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.notificationSettingsContainer .settingsPanelCard .cardHeaderRow .headerTextGroup{flex-direction:column;gap:16px;display:flex}.notificationSettingsContainer .settingsPanelCard .cardHeaderRow .toggleControlWrapper{align-items:center;display:flex}.notificationSettingsContainer .settingsPanelCard .cardHeaderRow .toggleControlWrapper .switchToggle{width:40px;height:22px;display:inline-block;position:relative}.notificationSettingsContainer .settingsPanelCard .cardHeaderRow .toggleControlWrapper .switchToggle input{opacity:0;width:0;height:0}.notificationSettingsContainer .settingsPanelCard .cardHeaderRow .toggleControlWrapper .switchToggle input:checked+.toggleSlider{background-color:#0d6efd}.notificationSettingsContainer .settingsPanelCard .cardHeaderRow .toggleControlWrapper .switchToggle input:checked+.toggleSlider:before{transform:translate(18px)}.notificationSettingsContainer .settingsPanelCard .cardHeaderRow .toggleControlWrapper .switchToggle .toggleSlider{cursor:pointer;background-color:#cbd5e1;border-radius:34px;transition:all .2s;position:absolute;inset:0}.notificationSettingsContainer .settingsPanelCard .cardHeaderRow .toggleControlWrapper .switchToggle .toggleSlider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;bottom:3px;left:3px}.notificationSettingsContainer .settingsPanelCard .cardBodyGroup .inputDropdownFieldGroup{flex-direction:column;gap:8px;max-width:320px;display:flex}.notificationSettingsContainer .settingsPanelCard .cardBodyGroup .inputDropdownFieldGroup .dropdownLabel{color:#475569;font-size:12px;font-weight:500}.notificationSettingsContainer .settingsPanelCard .cardBodyGroup .inputDropdownFieldGroup .customSelectContainer{width:100%;position:relative}.notificationSettingsContainer .settingsPanelCard .cardBodyGroup .inputDropdownFieldGroup .customSelectContainer .nativeDropdownSelect{color:#334155;appearance:none;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:10px 36px 10px 12px;font-size:13px}.notificationSettingsContainer .settingsPanelCard .cardBodyGroup .inputDropdownFieldGroup .customSelectContainer:after{content:"▼";color:#475569;pointer-events:none;font-size:8px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.notificationSettingsContainer .settingsPanelCard .verificationUploadersRow{gap:18px;margin-top:16px;display:flex}.notificationSettingsContainer .settingsPanelCard .verificationUploadersRow .uploaderBox{flex-direction:column;gap:8px;width:180px;display:flex}.notificationSettingsContainer .settingsPanelCard .verificationUploadersRow .uploaderBox .uploaderLabel{color:#475569;font-size:13px;font-weight:400}.notificationSettingsContainer .settingsPanelCard .verificationUploadersRow .uploaderBox .dropzoneBorderArea{box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;flex-direction:column;justify-content:flex-end;align-items:center;height:160px;padding:16px;display:flex}.notificationSettingsContainer .settingsPanelCard .verificationUploadersRow .uploaderBox .dropzoneBorderArea .innerUploadBtn{color:#0d6efd;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;width:100%;margin-bottom:8px;padding:6px 0;font-size:12px;font-weight:500}.notificationSettingsContainer .settingsPanelCard .verificationUploadersRow .uploaderBox .dropzoneBorderArea .formatHintText{color:#94a3b8;text-align:center;white-space:nowrap;font-size:10px}.notificationSettingsContainer .settingsPanelCard .actionFlexRow{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.notificationSettingsContainer .settingsPanelCard .actionFlexRow .infoContextBlock{flex-direction:column;gap:4px;display:flex}.notificationSettingsContainer .settingsPanelCard .actionFlexRow .infoContextBlock .actionItemHeading{color:#334155;margin:0;font-size:13.5px;font-weight:600}.notificationSettingsContainer .settingsPanelCard .actionFlexRow .infoContextBlock .actionItemSubtext{color:#94a3b8;margin:0;font-size:12px}.notificationSettingsContainer .settingsPanelCard .actionFlexRow .outlineActionButton{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:10px 16px;font-size:12px;font-weight:500}.notificationSettingsContainer .settingsPanelCard .actionFlexRow .outlineActionButton:hover{background-color:#f8fafc}.notificationSettingsContainer .settingsPanelCard .actionFlexRow .dangerActionButton{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #f87171;border-radius:6px;align-items:center;gap:6px;padding:10px 16px;font-size:12px;font-weight:500;display:flex}.notificationSettingsContainer .settingsPanelCard .actionFlexRow .dangerActionButton .shieldIcon{width:14px;height:14px}.notificationSettingsContainer .settingsPanelCard .actionFlexRow .dangerActionButton:hover{background-color:#fef2f2}.FIcons{width:60%;height:60%}.features-container{flex-direction:row;align-items:flex-start;gap:40px;width:100%;height:100vh;margin:0 auto 50px;padding:5%;font-family:Inter,sans-serif;display:flex}@media (width<=450px){.features-container{flex-direction:column;gap:32px;width:100%;height:auto;padding:3rem 1.5rem}}.features-container .features-header{width:41%;height:85vh}@media (width<=450px){.features-container .features-header{flex-direction:column;align-items:flex-start;width:100%;height:auto;margin-bottom:0%;display:flex}}.features-container .features-header .subtitle{color:#9e9e9e;text-transform:capitalize;margin-bottom:12px;font-size:15px;font-weight:700;display:block}.features-container .features-header .Ftitle{color:#042869;width:91%;margin:0 0 16px;font-size:32.5px;font-weight:700;line-height:1.3}@media (width<=450px){.features-container .features-header .Ftitle{background-color:red;flex-direction:column;align-items:flex-start;width:100%;font-size:20px;display:flex}}.features-container .features-header .Ftitle .Fhighlight{color:#ffb800}.features-container .features-header .Fdescription{color:#042869;font-size:24.5px}@media (width<=450px){.features-container .features-header .Fdescription{justify-content:flex-start;align-items:flex-start;font-size:19px;display:flex}}.features-container .features-header .LeftDownCont{background:#fff;border:1px solid #f0f4f8;border-radius:12px;flex-direction:column;align-items:flex-start;width:65%;height:45vh;margin-top:26%;margin-left:38%;padding:24px;display:flex;box-shadow:0 4px 6px #00000003}@media (width<=450px){.features-container .features-header .LeftDownCont{box-sizing:border-box;width:100%;height:auto;margin-top:24px;margin-left:0%}}.features-container .features-header .LeftDownCont .LeftDownContArt{color:#1a73e8;background-color:#e6f0ff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:20px;font-size:18px;display:flex}@media (width<=450px){.features-container .features-header .LeftDownCont .LeftDownContArt{width:40px;height:40px}}.features-container .features-header .LeftDownCont .LeftDownContH1{color:#0c2340;margin:0 0 10px;font-size:20px;font-weight:400}.features-container .features-header .LeftDownCont .LeftDownContP{color:#03173c;width:100%;margin:0;font-size:16px;line-height:1.5}@media (width<=450px){.features-container .features-header .LeftDownCont .LeftDownContP{font-size:17px}}.features-container .features-grid{grid-template-columns:repeat(2,48%);justify-content:center;gap:24px;width:55%;height:600px;display:grid}@media (width<=450px){.features-container .features-grid{grid-template-columns:1fr;width:100%;height:auto;margin-top:0%}}.features-container .features-grid .feature-card{background:#fff;border:1px solid #f0f4f8;border-radius:12px;flex-direction:column;align-items:flex-start;width:100%;height:100%;padding:24px;display:flex;box-shadow:0 4px 6px #00000003}@media (width<=450px){.features-container .features-grid .feature-card{box-sizing:border-box}}.features-container .features-grid .feature-card .icon-wrapper{color:#1a73e8;background-color:#e6f0ff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:20px;font-size:18px;display:flex}.features-container .features-grid .feature-card .card-title{color:#0c2340;margin:0 0 10px;font-size:20px;font-weight:600}.features-container .features-grid .feature-card .card-description{color:#03173c;margin:0;font-size:18px;line-height:1.5}@media (width<=900px){.features-container{flex-direction:column;align-items:center}.features-container .features-header{text-align:center;max-width:100%;margin-bottom:40px}.features-container .features-grid{width:100%}}@media (width<=450px){.features-container .features-grid{grid-template-columns:1fr}}.B2AdminDashboard-header{background-color:#fff;border-bottom:1px solid #f0f0f5;justify-content:space-between;align-items:center;width:100%;height:12vh;padding:12px 24px;font-family:system-ui,-apple-system,sans-serif;display:flex}.B2AdminDashboard-header .search-container{align-items:center;width:29%;display:flex;position:relative}.B2AdminDashboard-header .search-container .search-input{color:#1e1e2f;background-color:#fff;border:1px solid #e2e2ec;border-radius:8px;outline:none;width:100%;padding:10px 40px 10px 16px;font-size:14px}.B2AdminDashboard-header .search-container .search-input::placeholder{color:#a0a0b0}.B2AdminDashboard-header .search-container .search-input:focus{border-color:#3b82f6}.B2AdminDashboard-header .search-container .search-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:12px}.B2AdminDashboard-header .search-container .search-button .search-icon{color:#2563eb;width:16px;height:16px}.B2AdminDashboard-header .meta-container{color:#4a4a6a;align-items:center;gap:12px;width:36%;margin-left:8%;font-size:11px;display:flex}.B2AdminDashboard-header .meta-container .date-display{align-items:center;gap:8px;display:flex}.B2AdminDashboard-header .meta-container .date-display .calendar-icon{color:#71718a;width:16px;height:16px}.B2AdminDashboard-header .meta-container .divider{background-color:#e2e2ec;width:1px;height:16px}.B2AdminDashboard-header .meta-container .dropdown{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.B2AdminDashboard-header .meta-container .dropdown:hover{color:#1e1e2f}.B2AdminDashboard-header .meta-container .dropdown .chevron-icon{color:#71718a;width:14px;height:14px}.B2AdminDashboard-header .profile-container{align-items:center;gap:10px;width:22%;height:10vh;margin-right:-2%;display:flex}.B2AdminDashboard-header .profile-container .notification-wrapper{align-items:center;display:flex;position:relative}.B2AdminDashboard-header .profile-container .notification-wrapper .notification-popup{z-index:1000;background-color:#fff;border:1px solid #f0f0f5;border-radius:16px;width:420px;margin-top:16px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 30px #00000014}.B2AdminDashboard-header .profile-container .notification-wrapper .notification-popup .popup-header{justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.B2AdminDashboard-header .profile-container .notification-wrapper .notification-popup .popup-header h2{color:#1e1e2f;margin:0;font-size:18px;font-weight:600}.B2AdminDashboard-header .profile-container .notification-wrapper .notification-popup .popup-header .close-btn{color:#71718a;cursor:pointer;background:0 0;border:none;padding:0;font-size:22px;line-height:1}.B2AdminDashboard-header .profile-container .notification-wrapper .notification-popup .popup-header .close-btn:hover{color:#1e1e2f}.B2AdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list{flex-direction:column;max-height:380px;display:flex;overflow-y:auto}.B2AdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list .notification-item{text-align:left;border-top:1px solid #f0f0f5;justify-content:space-between;align-items:center;padding:16px 24px;transition:background-color .2s;display:flex}.B2AdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list .notification-item:hover{background-color:#f9fafb}.B2AdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list .notification-item .notification-content{flex:1;padding-right:12px}.B2AdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list .notification-item .notification-content h3{color:#1e3a8a;margin:0 0 4px;font-size:14px;font-weight:600}.B2AdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list .notification-item .notification-content p{color:#374151;margin:0 0 6px;font-size:13px;line-height:1.4}.B2AdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list .notification-item .notification-content p strong{font-weight:600}.B2AdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list .notification-item .notification-content .time-stamp{color:#9ca3af;font-size:12px}.B2AdminDashboard-header .profile-container .notification-wrapper .notification-popup .notification-list .notification-item .unread-dot{background-color:#06f;border-radius:50%;flex-shrink:0;width:8px;height:8px}.B2AdminDashboard-header .profile-container .notification-wrapper .notification-popup .popup-footer{text-align:center;border-top:1px solid #f0f0f5;padding:14px}.B2AdminDashboard-header .profile-container .notification-wrapper .notification-popup .popup-footer .mark-all-btn{color:#06f;cursor:pointer;background:0 0;border:none;width:100%;font-size:14px;font-weight:500}.B2AdminDashboard-header .profile-container .notification-wrapper .notification-popup .popup-footer .mark-all-btn:hover{text-decoration:underline}.B2AdminDashboard-header .profile-container .notification-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:relative}.B2AdminDashboard-header .profile-container .notification-button .bell-icon{color:#1e1e2f;fill:#1e1e2f;width:22px;height:22px}.B2AdminDashboard-header .profile-container .notification-button .notification-badge{background-color:#eab308;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.B2AdminDashboard-header .profile-container .user-profile{align-items:center;gap:12px;display:flex}.B2AdminDashboard-header .profile-container .user-profile .avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.B2AdminDashboard-header .profile-container .Auser-info{flex-direction:column;width:60%;display:flex}.B2AdminDashboard-header .profile-container .Auser-info .user-name{color:#1e1e2f;font-size:14px;font-weight:500;line-height:1.2}.B2AdminDashboard-header .profile-container .Auser-info .user-role{color:#71718a;margin-top:2px;font-size:12px}.form-container{box-sizing:border-box;background-color:#f7f9fc;min-height:100vh;padding:40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.form-container .form-header{margin-bottom:24px}.form-container .form-header .header-top{justify-content:space-between;align-items:center;display:flex}.form-container .form-header .header-top h1{color:#0b1a30;margin:0;font-size:24px;font-weight:600}.form-container .form-header .header-top .breadcrumb{color:#a0aec0;align-items:center;gap:8px;font-size:13px;display:flex}.form-container .form-header .header-top .breadcrumb .Sactive{cursor:pointer;font-size:17px}.form-container .form-header .header-top .breadcrumb .separator{font-size:11px}.form-container .form-header .header-top .breadcrumb .active{color:#3182ce;font-size:17px}.form-container .form-header .subtitle{color:#718096;margin:8px 0 0;font-size:13px}.form-container .staff-form{flex-direction:column;gap:24px;display:flex}.form-container .staff-form .form-section{background-color:#fff;border:1px solid #edf2f7;border-radius:8px;padding:24px}.form-container .staff-form .form-section h2{color:#2d3748;margin:0 0 20px;font-size:16px;font-weight:600}.form-container .staff-form .form-section .form-grid{gap:20px;display:grid}.form-container .staff-form .form-section .form-grid.type-3-col{grid-template-columns:repeat(3,1fr)}.form-container .staff-form .form-section .form-group{flex-direction:column;gap:8px;display:flex}.form-container .staff-form .form-section .form-group.full-width-field{margin-top:20px}.form-container .staff-form .form-section .form-group label{color:#4a5568;font-size:13px;font-weight:500}.form-container .staff-form .form-section .form-group label .required{color:#e53e3e;margin-left:2px}.form-container .staff-form .form-section .form-group input[type=text],.form-container .staff-form .form-section .form-group input[type=email],.form-container .staff-form .form-section .form-group select{color:#2d3748;box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;height:40px;padding:0 12px;font-size:13px}:is(.form-container .staff-form .form-section .form-group input[type=text],.form-container .staff-form .form-section .form-group input[type=email],.form-container .staff-form .form-section .form-group select)::placeholder{color:#a0aec0}.form-container .staff-form .form-section .form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://w3.org' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;padding-right:32px}.form-container .staff-form .form-section .form-group .date-input-wrapper{align-items:center;display:flex;position:relative}.form-container .staff-form .form-section .form-group .date-input-wrapper .calendar-icon{color:#718096;pointer-events:none;font-size:14px;position:absolute;right:12px}.form-container .staff-form .form-section .form-group .field-hint{color:#a0aec0;margin-top:-2px;font-size:11px}.form-container .staff-form .submit-btn{color:#fff;cursor:pointer;background-color:#06f;border:none;border-radius:6px;width:max-content;height:40px;padding:0 24px;font-size:13px;font-weight:500}.form-container .form-footer{color:#a0aec0;justify-content:space-between;align-items:center;margin-top:40px;font-size:12px;display:flex}.form-container .form-footer .support a{color:#3182ce;text-decoration:none}@media (width<=450px){.form-container{padding:16px}.form-container .form-header .header-top{flex-direction:column;align-items:flex-start;gap:8px}.form-container .form-header .header-top .breadcrumb{align-self:flex-start}.form-container .staff-form{gap:16px}.form-container .staff-form .form-section{padding:16px}.form-container .staff-form .form-section .form-grid.type-3-col{grid-template-columns:1fr}.form-container .staff-form .submit-btn{width:100%}.form-container .form-footer{text-align:center;flex-direction:column;gap:12px}}