body{margin:0;padding:0;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;-webkit-user-select:none;user-select:none}.loader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fff3;z-index:9999;display:flex;flex-direction:column}.loader{--background: linear-gradient(135deg, #23C4F8, #275EFE);--shadow: rgba(39, 94, 254, .28);--text: #6C7486;--page: rgba(255, 255, 255, .36);--page-fold: rgba(255, 255, 255, .52);--duration: 3s;width:200px;height:140px;position:relative;background:var(--background);border-radius:10px;box-shadow:0 4px 15px var(--shadow)}.loader:before{left:4px}.loader:after{--r: 6deg;right:4px}.loader div{width:100%;height:100%;border-radius:13px;position:relative;z-index:1;perspective:600px;box-shadow:0 4px 6px var(--shadow);background-image:var(--background)}.loader div ul{margin:0;padding:0;list-style:none;position:relative}.loader div ul li{--r: 180deg;--o: 0;--c: var(--page);position:absolute;top:10px;left:10px;transform-origin:100% 50%;color:var(--c);opacity:var(--o);transform:rotateY(var(--r));-webkit-animation:var(--duration) ease infinite;animation:var(--duration) ease infinite}.loader div ul li:nth-child(2){--c: var(--page-fold);-webkit-animation-name:page-2;animation-name:page-2}.loader div ul li:nth-child(3){--c: var(--page-fold);-webkit-animation-name:page-3;animation-name:page-3}.loader div ul li:nth-child(4){--c: var(--page-fold);-webkit-animation-name:page-4;animation-name:page-4}.loader div ul li:nth-child(5){--c: var(--page-fold);-webkit-animation-name:page-5;animation-name:page-5}.loader div ul li svg{width:90px;height:120px;display:block}.loader div ul li:first-child{--r: 0deg;--o: 1}.loader div ul li:last-child{--o: 1}.loader span{display:block;left:0;right:0;top:100%;margin-top:20px;text-align:center;color:var(--text)}@keyframes page-2{0%{transform:rotateY(180deg);opacity:0}20%{opacity:1}35%,to{opacity:0}50%,to{transform:rotateY(0)}}@keyframes page-3{15%{transform:rotateY(180deg);opacity:0}35%{opacity:1}50%,to{opacity:0}65%,to{transform:rotateY(0)}}@keyframes page-4{30%{transform:rotateY(180deg);opacity:0}50%{opacity:1}65%,to{opacity:0}80%,to{transform:rotateY(0)}}@keyframes page-5{45%{transform:rotateY(180deg);opacity:0}65%{opacity:1}80%,to{opacity:0}95%,to{transform:rotateY(0)}}.loader-title{display:block;text-align:center;font-weight:700;margin-bottom:10px;color:#000}.loader-subtitle{display:block;text-align:center;font-size:larger;margin-top:20px;color:#000}.loginHeader{margin-top:1rem;margin-left:5rem;font-size:1.7rem;text-decoration:underline}.RoleSelectionArea{margin-top:.9rem;display:flex;justify-content:space-around;width:100%;height:3.8rem}.RoleSelector{cursor:pointer;height:3rem;width:10rem;display:flex;justify-content:center;align-items:center;padding-right:.5rem;padding-left:.5rem;border-radius:.3rem;background-color:#439df0;transition:background-color .3s ease,transform .3s ease}.RoleSelector:hover{background-color:#357ab8;transform:scale(1.05)}.RoleSelectorIcon{margin-right:.5rem;height:50%}.LoginAndHelpkineArea{width:100%;height:22rem;display:flex}.LoginArea{display:flex;justify-content:center;align-items:center;height:100%;width:75%}.LoginAreaContainerMain{margin-top:2rem;height:100%;width:80%;border-radius:20px;border:1.5px solid #439df0}.HelplineBox{margin:1rem;border:1.5px solid #439df0;border-radius:.5rem;height:12rem;width:24%;display:flex;flex-direction:column;align-items:center}.HelplineBoxHeader{color:#439df0}.HelplineBoxDevider{width:100%;height:1px;border-bottom:1px solid black}.HelplineBoxInfo{width:100%;height:100%}.HelplineBoxInfoContainer{margin-left:.5rem;margin-top:1rem}.navbarTop{width:100%;height:auto;display:flex;justify-content:space-between}.leftArea{cursor:pointer;height:auto;width:auto;display:flex}.rightArea{height:auto;width:auto;display:flex}.collegeLogo{height:4rem;width:6rem;margin-left:.7rem;background-image:url(/aot-logo.png);background-size:contain;background-repeat:no-repeat;background-position:center}.nameArea{display:flex;flex-direction:column;justify-content:center;align-items:center;height:4rem;width:16rem;font-size:large;margin-left:.5rem;font-family:Times New Roman,Times,serif}.nameAreaEng{border-bottom:2px solid black}.SearchAndLangSec{height:4rem;display:flex;flex-direction:column;align-items:end;justify-content:space-between}.LanguageSelector{height:1.3rem;margin-top:.3rem}.mainSearchBar{height:1.5rem;margin-bottom:.3rem;background-color:#ccc;width:14rem;border:1px solid black;border-radius:6px;text-align:center}.extraLogo1{height:4rem;width:5rem;right:0;background-image:url(/G20-LOGO.png);background-size:contain;background-repeat:no-repeat;background-position:center}.extraLogo2{height:4rem;right:0;width:5rem;background-image:url(/75Years-LOGO.png);background-size:contain;background-repeat:no-repeat;background-position:center}.BasicNavBootomborder{height:1.5rem;background-color:#439df0}.StudentLoginContainer{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-in-out forwards}.StudentLoginHeaderBorder{margin-bottom:1rem;width:100%;height:1px;border-bottom:1px solid #439DF0}.StudentLoginFormArea{width:100%;height:100%;display:flex}.StudentLoginFormDoodle{margin-left:.8rem;height:100%;width:37%;background-position:center;background-size:contain;background-repeat:no-repeat}.StudentLoginFormContainer{margin-left:4rem;height:100%;width:50%;display:flex;flex-direction:column}.StudentLoginFormInputHeaders{font-size:larger;margin-top:.5rem}.StudentLoginFormInputHeadersPassword{margin-top:2rem}.StudentLoginFormInputInputs{width:80%;height:1.5rem;padding-right:2rem}.StudentLoginFormInputInputs:focus{border:2px solid black}.PasswordVisiblityAndForgetPasswordArea{display:flex;justify-content:space-between}.PasswordVisibilityDiv{width:fit-content;cursor:pointer;display:flex;margin-bottom:1rem;font-size:1rem;margin-top:.3rem}.StudentForgetPasswordDiv{width:fit-content;cursor:pointer;display:flex;margin-bottom:1rem;font-size:1rem;margin-top:.3rem;margin-right:2.2rem}.StudentLoginFormSubmitButton{font-size:large;cursor:pointer;height:2rem;width:6rem;background-color:#439df0;color:#fff;border:none;border-radius:5px;transition:all .3s ease-in-out}.StudentLoginFormSubmitButton:hover{background-color:#367dc8;transform:scale(1.1)}.StudentLoginFormSubmitButton:focus{outline:none;box-shadow:0 0 5px #439df0b3}.coverBack{z-index:99;width:100%;height:100%;position:fixed;margin:0;padding:0}.top-bar-popup{position:fixed;top:-10px;left:50%;transform:translate(-50%);width:14rem;color:#fff;text-align:center;padding:15px;font-weight:700;font-size:18px;box-shadow:0 4px 6px #0000001a;z-index:100;border-radius:8px;opacity:0;transition:opacity .5s,top .5s}@keyframes PopUpSlideDown{0%{top:-50px;opacity:0}to{top:20px;opacity:1}}@keyframes PopUpSlideUp{0%{top:20px;opacity:1}to{top:-50px;opacity:0}}.top-bar-popup.show{top:20px;opacity:1;animation:PopUpSlideDown .5s forwards}.top-bar-popup.hide{top:-50px;opacity:0;animation:PopUpSlideUp .5s forwards}.FacultyLoginContainer{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-in-out forwards}.FacultyLoginHeaderBorder{margin-bottom:1rem;width:100%;height:1px;border-bottom:1px solid #367dc8}.FacultyLoginFormArea{width:100%;height:100%;display:flex}.FacultyLoginFormDoodle{margin-left:.8rem;height:100%;width:37%;background-position:center;background-size:contain;background-repeat:no-repeat}.FacultyLoginFormContainer{margin-left:4rem;height:100%;width:50%;display:flex;flex-direction:column}.FacultyLoginFormInputHeaders{font-size:larger;margin-top:.5rem}.FacultyLoginFormInputHeadersPassword{margin-top:2rem}.FacultyLoginFormInputInputs{width:80%;height:1.5rem;padding-right:2rem}.FacultyLoginFormInputInputs:focus{border:2px solid black}.PasswordVisibilityDiv{cursor:pointer;display:flex;margin-bottom:1rem;font-size:small;margin-top:.3rem}.PasswordToggleIcon{margin-left:.5rem}.FacultyLoginFormSubmitButton{font-size:large;cursor:pointer;height:2rem;width:6rem;background-color:#439df0;color:#fff;border:none;border-radius:5px;transition:all .3s ease-in-out}.FacultyLoginFormSubmitButton:hover{background-color:#367dc8;transform:scale(1.1)}.FacultyLoginFormSubmitButton:focus{outline:none;box-shadow:0 0 5px #439df0b3}.AdminLoginContainer{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-in-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.HeadingBar{font-size:2rem;font-weight:700;color:#333;margin-top:1rem}.AdminLoginHeaderBorder{width:100%;height:1px;border-bottom:1px solid #367dc8}.AdminLoginFormArea{width:100%;height:auto;display:flex;justify-content:center;padding:1rem}.AdminLoginFormDoodle{margin-left:.8rem;height:auto;width:37%;background-position:center;background-size:contain;background-repeat:no-repeat}.AdminLoginFormContainer{width:50%;display:flex;flex-direction:column;margin-left:4rem}.AdminLoginFormInputHeaders{font-size:1.2rem;font-weight:500;color:#333}.AdminLoginFormInputInputs{width:80%;height:1.5rem;padding-right:2rem;margin-top:.3rem;border:1px solid #ccc;border-radius:5px;padding-left:.5rem}.AdminLoginFormInputInputs:focus{border:2px solid #439DF0;outline:none}.AdminLoginFormInputInputs:disabled{background-color:#f0f0f0;cursor:not-allowed;opacity:.6}.PasswordVisibilityDiv{display:flex;align-items:center;cursor:pointer;font-size:.9rem;margin-top:.3rem;color:#367dc8}.PasswordToggleIcon{margin-left:.5rem;font-size:1rem}.AdminLoginFormInputInputsOTP{margin-bottom:.5rem}.AdminLoginFormInputHeadersPassword{margin-top:.3rem}.AdminLoginFormInputInputsOTP:disabled{background-color:#f0f0f0;cursor:not-allowed;opacity:.6}.AdminLoginFormSubmitButton{font-size:1.1rem;font-weight:600;cursor:pointer;height:2.5rem;width:8rem;background-color:#439df0;color:#fff;border:none;border-radius:5px;transition:all .3s ease-in-out;margin-top:.3rem;align-self:left}.AdminLoginFormSubmitButton:hover{background-color:#367dc8;transform:scale(1.05)}.AdminLoginFormSubmitButton:focus{outline:none;box-shadow:0 0 5px #439df0b3}.SignUpPageArea{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.SignUPMiniHeader{font-size:1rem;margin-bottom:.4rem;margin-top:1.5rem}.SignUPMainHeader{font-size:2rem;font-weight:bolder;margin-bottom:1.5rem}.EmailVerificationBoxForSignUP{width:85%;max-width:24rem;background:#fff;border-radius:10px;box-shadow:0 3px 8px #0000001a;padding:1.5rem;display:flex;flex-direction:column;align-items:center}.EmailVerificationBoxEmailText,.EmailVerificationBoxOTP{align-self:flex-start;font-size:.85rem;font-weight:500;margin:.4rem 0 .3rem .3rem;color:#555}.EmailVerificationBoxInputBox{width:100%;height:2rem;padding:.4rem;margin-bottom:.8rem;border:1.2px solid #cccccc;border-radius:6px;font-size:.9rem;transition:border-color .3s ease-in-out}.EmailVerificationBoxInputBox:disabled{cursor:not-allowed}.EmailVerificationBoxInputBox:focus{outline:none;border-color:#4c9aff;border:1.2px solid #cccccc}.EmailVerificationBoxConfirmationArea{display:flex;justify-content:flex-start;width:100%;margin-bottom:1rem}.EmailVerificationBoxConfirmationAreaText{font-size:.85rem;color:#555}.EmailVerificationBoxConfirmationAreaButton{font-size:.85rem;font-weight:600;color:#4c9aff;margin-left:.5rem;cursor:pointer;transition:color .3s ease-in-out}.EmailVerificationBoxConfirmationAreaButton:hover{color:#5a67d8}.EmailVerificationBoxButtonsArea{width:100%;display:flex;justify-content:space-between;margin-top:1rem}.EmailVerificationBoxButtonsAreaCancelButton,.EmailVerificationBoxButtonsAreaSendOtpAndSubmitButton{width:48%;padding:.6rem .8rem;font-size:.9rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease-in-out}.EmailVerificationBoxButtonsAreaCancelButton{background-color:#f4f6f9;color:#555;border:1.2px solid #cccccc}.EmailVerificationBoxButtonsAreaCancelButton:hover{background-color:#e2e6ed;color:#333}.EmailVerificationBoxButtonsAreaSendOtpAndSubmitButton{background-color:#4c9aff;color:#fff}.EmailVerificationBoxButtonsAreaSendOtpAndSubmitButton:hover{background-color:#5a67d8}@media (max-width: 768px){.SignUPMainHeader{font-size:1.2rem}.EmailVerificationBoxForSignUP{padding:1rem}.EmailVerificationBoxButtonsArea{flex-direction:column}.EmailVerificationBoxButtonsAreaCancelButton,.EmailVerificationBoxButtonsAreaSendOtpAndSubmitButton{width:100%;margin-bottom:.5rem}.EmailVerificationBoxButtonsAreaSendOtpAndSubmitButton{margin-bottom:0}}.DetailEntryArea{width:100%;height:auto}.TimeCountingArea{text-align:center;font-size:1.5rem}.TimeCountingAreaWarning{height:auto;background-color:#ffe4e1;color:#ff4500;padding:10px 20px;text-align:center;font-size:16px;font-weight:700;border:2px solid #ff6347;border-radius:8px;box-shadow:0 4px 6px #0000001a}.redirectToLoginPageAfterSuccesBackground{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000b3;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000}.redirectToLoginPageAfterSuccesBox{background:#fff;border-radius:10px;padding:20px;text-align:center;box-shadow:0 4px 10px #0003;z-index:1010}.tickAnimation{font-size:50px;color:green;margin-bottom:15px;animation:SuccessTickBounce 1.5s infinite}@keyframes SuccessTickBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.successMessage{font-size:18px;color:#333;margin-bottom:10px}.redirectMessage{font-size:16px;color:#555}.studentMainArea{width:100%;height:calc(100vh - 60px);display:flex}.studentModalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.studentModalContent{border-radius:10px;box-shadow:0 4px 8px #0000001a;z-index:1001}.studentMainArea{filter:blur(0px)}.studentModalOverlay .studentMainArea{filter:blur(5px)}.studentProfileSection{height:100%;width:30%;display:flex;flex-direction:column;align-items:center}.studentProfilePhoto{position:relative;margin-top:1.5rem;width:10rem;height:10rem;border-radius:100%;border:5px solid black;background-size:cover;background-repeat:no-repeat;background-position:center;overflow:hidden}.studentUploadOrChangeProfilePIcture{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.studentUploadOrChangeProfilePIcture:before{content:"Upload/Remove";color:#fff;font-size:1.2rem;font-weight:700}.studentProfilePhoto:hover .studentUploadOrChangeProfilePIcture{opacity:1}.studentProfileName{margin-top:.5rem;font-size:2.2rem}.studentProfileDepartment{font-size:1.2rem}@media (max-width: 768px){.studentProfileDepartment{font-size:.6rem}}.studentYearAndSem{margin-top:.3rem;font-size:1rem}.studentButtonSection{margin-top:2rem;width:100%;display:flex;justify-content:space-evenly}.studentChangePasswordButton,.studentFullProfileButton,.studentLogOutButton{width:6rem;height:3.5rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease;font-size:1rem}.studentChangePasswordButton{background-color:#ffa726;color:#fff}.studentChangePasswordButton:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0003}.studentChangePasswordButton:active{transform:translateY(0);box-shadow:none}.studentFullProfileButton{background-color:#43a047;color:#fff}.studentLogOutButton{background-color:#e53935;color:#fff}.studentFullProfileButton:hover,.studentLogOutButton:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0003}.studentFullProfileButton:active,.studentLogOutButton:active{transform:translateY(0);box-shadow:none}.studentDivider{height:100%;width:4px;background-color:#000}.studentContentAreaSection{position:relative;height:calc(100vh - 60px);width:70%;overflow-y:auto;background-color:#f9f9f9}.studentContentAreaSection::-webkit-scrollbar{width:10px}.studentContentAreaSection::-webkit-scrollbar-track{background:#e0e0e0;border-radius:10px}.studentContentAreaSection::-webkit-scrollbar-thumb{background-color:#439df0;border-radius:10px;border:2px solid #e0e0e0}.studentContentAreaSection::-webkit-scrollbar-thumb:hover{background-color:#367cbc}.studentOfflinePage{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;background-color:#f5f5f5;color:#333}.studentOfflineImage{width:200px;height:auto;margin-bottom:20px}.studentOfflineHeading{font-size:2rem;font-weight:700;margin-bottom:10px}.studentOfflineText{font-size:1.2rem;color:#666}.studentContentGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1.5rem;padding:2rem;background-color:#f9f9f9;border-radius:12px}.studentContentItem{height:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background-color:#439df0;border-radius:12px;box-shadow:0 4px 8px #0000001a;text-align:center;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.studentContentItem:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}.studentContentItemIcon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;border-radius:50%;background:linear-gradient(135deg,#439df0,#76c7ff);color:#fff;font-size:1.5rem;font-weight:700;box-shadow:0 4px 6px #439df066}.studentContentItemName{margin:0;font-size:1rem;color:#333;font-weight:600}.AttendaceContentArea{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.DashboardRedirectionButton{position:absolute;top:10px;left:10px;background-color:#ef1e1e;color:#fff;padding:10px 15px;border-radius:5px;font-size:1.25rem;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #0000001a;text-align:center;-webkit-user-select:none;user-select:none;transition:transform .2s,background-color .2s}.DashboardRedirectionButton:hover{background-color:#c20f0f;transform:scale(1.05)}.AttendanceMonitorHeader{color:#439df0;font-size:2rem;text-shadow:1px 1px 1px rgba(0,0,0,.3)}.unauthorized-container{margin:0;padding:0;box-sizing:border-box;width:100%;height:calc(100vh - 70px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#f0f0f0;animation:fadeIn 2s ease-in-out}.unauthorized-image{max-width:400px;margin-bottom:20px;animation:bounce 2s infinite}.unauthorized-text{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:10px;animation:slideDown 1s ease-out}.unauthorized-redirect{font-size:1.2rem;color:#777;animation:fadeIn 3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.studentUploadBox.dragging{background-color:#f0f8ff;border:2px dashed #4CAF50}.studentUploadPopup{height:20rem;width:30rem;background-color:#fff;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;box-shadow:0 4px 8px #0000001a;text-align:center}.studentUploadBox{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #ddd;padding:30px;border-radius:10px;width:80%;margin-bottom:20px}.studentUploadIcon{cursor:pointer;margin-bottom:10px}.studentUploadBtn{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:transform .3s ease;margin-top:10px}.studentUploadBtn:disabled{background-color:#ccc;cursor:not-allowed}.studentUploadBtn:hover:not(:disabled){transform:scale(1.1)}.studentFileError{color:red;font-size:14px}.studentRemoveBtn{background-color:#ff4d4d;color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:transform .3s ease,background-color .3s ease;margin-top:10px;margin-left:20px}.studentRemoveBtn:hover{transform:scale(1.1);background-color:#f33}.studentRemoveBtn:disabled{background-color:#ccc;cursor:not-allowed}.NoAttendanceDataWrapper{display:flex;flex-direction:column;align-items:center;margin-top:50px}.NoAttendanceDataHeader{font-size:2rem;color:#ff4d4f;margin-bottom:20px;text-align:center;font-weight:700}.StartMonitoringButton{padding:10px 20px;font-size:1rem;font-weight:600;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.StartMonitoringButton:hover{background-color:#0056b3;transform:translateY(-2px)}.loaderSpinnerbackground{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.LoaderSpinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-top:5px solid white;border-radius:50%;animation:spinLoaderAnimation 1s linear infinite}@keyframes spinLoaderAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.noAttendanceDataWrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f9f9f9;height:100%;text-align:center}.noAttendanceDataHeader{font-size:2rem;color:#333;margin-bottom:1rem}.startMonitoringButton{background-color:#4caf50;color:#fff;padding:.8rem 1.5rem;font-size:1rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.startMonitoringButton:hover{background-color:#45a049}.noSubjectHeader{font-size:1.8rem;color:#555;margin-bottom:1rem}.addSubjectButton{background-color:#007bff;color:#fff;padding:.8rem 1.5rem;font-size:1rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.addSubjectButton:hover{background-color:#0056b3}.addSubjectButton:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.7;border:none}.AttendanceDetailsArea{font-weight:700;font-family:Times New Roman,Times,serif;padding-top:1rem;padding-bottom:1rem;width:88%;height:10rem;display:flex;justify-content:center;font-size:1.5rem;border-radius:3px;background-color:#dad7cd;gap:2rem}.AttendanceDetailsSpan{z-index:1;height:auto;width:auto;padding:.5rem;background-color:#f1faee;border-radius:3px;border:1px solid black}.AttendaaceSubjectButtonDivider{width:100%;background-color:#000;height:2px;margin-top:1rem;margin-bottom:1rem}.AttendancaAndSubjectsArea{width:100%;height:auto;margin-top:.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.AttendanceSubjectCard{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;width:90%;height:auto;border:2px solid black;border-radius:15px;display:flex}.AttendanceSubjectCardDetails{display:flex;flex-direction:column;margin-top:1rem;width:auto;height:100%}.AttendanceSubjectCardDetailsName{margin-left:.8rem;color:#0056b3;font-size:2rem;margin-top:.7rem}.AttendanceSubjectCardDetailsSubjectType{margin-left:.8rem;margin-top:.3rem;margin-bottom:.7rem}.AttendanceSubjectCardDetailsDatesDetails{margin-left:.8rem;color:#007bff}.AttendanceSubjectCardAttendance{width:auto;height:100%;display:flex}.AttendanceSubjectCardAttendanceData{display:flex;flex-direction:column;align-self:center;border-left:3px solid black;margin-left:.4rem;background-color:#f9f9f995;padding-top:.5rem;padding-left:.4rem}.AttendanceSubjectCardAttendanceDataPercentage{height:4.5rem;width:4.5rem;border-width:2px;border-style:solid;border-radius:50%;display:flex;justify-content:center;align-items:center;align-self:center;margin-left:1rem;font-size:1.2rem;font-weight:700;text-align:center;color:#fff;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,background-color .3s ease}.AttendanceSubjectCardAttendanceDataPercentage:hover{transform:scale(1.1)}.AttendacePass{background-color:#09f811;border-color:#07d60f}.AttendanceLow{background-color:#ef0b0f;border-color:#c1090c}.AttendanceSubjectCardOptionsArea{width:auto;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;margin-left:1.2rem}.AttendanceSubjectCardOptions{height:25%;width:2.5rem;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;cursor:pointer;background-color:#f5f5f5;transition:transform .3s ease,background-color .3s ease;box-shadow:0 2px 4px #0000001a}.AttendanceSubjectCardOptions:hover{transform:scale(1.1);background-color:#e0e0e0;box-shadow:0 4px 6px #0003}.AttendanceSubjectCardTodaysAttendanceArea{width:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background-color:#f5f5f5;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-left:1rem;margin-top:1rem}.AttendanceSubjectCardTodaysAttendanceHeader{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.AttendanceSubjectCardTodaysAttendanceStatus{font-size:1rem;color:#333;margin-bottom:1rem;padding:.5rem 1rem;background-color:#f4f7fc;border:1px solid #e2e6ea;border-radius:8px;font-weight:500;text-align:center;transition:background-color .3s,color .3s}.StatusNotMarked{color:#9e9e9e;background-color:#f4f7fc;border-color:#d6d6d6}.StatusNotMarked:hover{background-color:#eef1f6;color:#333}.StatusAbsent{color:#fff;background-color:#ff6f61;border-color:#e35d4e}.StatusAbsent:hover{background-color:#e14d40;color:#fff}.StatusPresent{color:#fff;background-color:#4caf50;border-color:#43a047}.StatusPresent:hover{background-color:#388e3c;color:#fff}.AttendanceSubjectCardTodaysAttendanceOptions{display:flex;gap:1rem}.AttendanceSubjectCardTodaysAttendanceOptionsPresent,.AttendanceSubjectCardTodaysAttendanceAbsent,.AttendanceSubjectCardTodaysAttendanceOptionsRemove{height:2.5rem;width:2.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.5rem;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 4px 6px #0000001a}.AttendanceSubjectCardTodaysAttendanceOptionsPresent{background-color:#d4edda;color:#155724;border:2px solid #c3e6cb}.AttendanceSubjectCardTodaysAttendanceOptionsPresent:hover{background-color:#c3e6cb;box-shadow:0 6px 10px #15572433}.AttendanceSubjectCardTodaysAttendanceAbsent{background-color:#f8d7da;color:#721c24;border:2px solid #f5c6cb}.AttendanceSubjectCardTodaysAttendanceAbsent:hover{background-color:#f5c6cb;box-shadow:0 6px 10px #721c2433}.AttendanceSubjectCardTodaysAttendanceOptionsRemove{background-color:#fff3cd;color:#856404;border:2px solid #ffeeba}.AttendanceSubjectCardTodaysAttendanceOptionsRemove:hover{background-color:#ffeeba;box-shadow:0 6px 10px #85640433}@media (max-width: 768px){.AttendanceSubjectCardTodaysAttendanceArea{margin-left:.5rem;margin-top:.5rem;padding:.8rem}.AttendanceSubjectCardTodaysAttendanceOptionsPresent,.AttendanceSubjectCardTodaysAttendanceAbsent,.AttendanceSubjectCardTodaysAttendanceOptionsRemove{height:2rem;width:2rem;font-size:1.2rem}.AttendanceSubjectCardTodaysAttendanceOptionsPresent:hover,.AttendanceSubjectCardTodaysAttendanceAbsent:hover,.AttendanceSubjectCardTodaysAttendanceOptionsRemove:hover{box-shadow:0 4px 8px #00000026}.AttendanceSubjectCardDetailsName{font-size:1rem}.AttendanceSubjectCardDetailsSubjectType{font-size:.8rem}.AttendanceSubjectCardDetailsDatesDetails,.AttendanceSubjectCardAttendanceData{font-size:.5rem}.AttendanceSubjectCardAttendanceDataPercentage{height:3rem;width:3rem}.AttendanceSubjectCardOptions{height:23%;width:1.7rem}.AttendanceSubjectCardTodaysAttendanceArea{padding:.4rem;margin-left:.5rem;margin-top:.5rem}.AttendanceSubjectCardTodaysAttendanceHeader{font-size:.6rem}.AttendanceSubjectCardTodaysAttendanceStatus{font-size:.5rem;margin:.6rem}.AttendanceSubjectCardTodaysAttendanceOptions{gap:.5rem}.AttendanceSubjectCardTodaysAttendanceOptionsPresent,.AttendanceSubjectCardTodaysAttendanceAbsent,.AttendanceSubjectCardTodaysAttendanceOptionsRemove{height:1.8rem;width:1.8rem;font-size:1rem}}.AddingSubjectContainer{width:60%;margin:2rem auto;padding:1.5rem;border:1.5px solid #ddd;border-radius:10px;box-shadow:0 4px 8px #0000001a;background-color:#fff;display:flex;flex-direction:column;align-items:center}.AddingSubjectContainerHeader{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:1.5rem}.AddingSubjectContainerNameInputArea,.AddingSubjectContainerAttendanceDataArea{width:100%;margin-top:1rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;gap:1rem}.AddingSubjectContainerLabel{flex:1;display:flex;flex-direction:column;font-size:1rem;color:#555;font-weight:700}.AddingSubjectContainerInput{margin-top:.5rem;padding:.5rem;border:1px solid #ccc;border-radius:5px;font-size:1rem}.AddingSubjectContainerInput:focus{border:1px solid #ccc}.AddingSubjectContainerButtonSection{display:flex;justify-content:space-between;width:100%;gap:1rem}.AddingSubjectContainerButtonSectionCancelButton,.AddingSubjectContainerButtonSectionAddButton{flex:1;padding:.8rem;border:none;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease}.AddingSubjectContainerButtonSectionCancelButton{background-color:#f44336;color:#fff}.AddingSubjectContainerButtonSectionCancelButton:hover{background-color:#d32f2f}.AddingSubjectContainerButtonSectionAddButton{background-color:#4caf50;color:#fff}.AddingSubjectContainerButtonSectionAddButton:hover{background-color:#388e3c}.AddingSubjectContainerSubjectTypeArea{width:100%;margin-bottom:1.5rem;display:flex;justify-content:space-between;gap:1rem}.AddingSubjectContainerSelect{margin-top:.5rem;padding:.5rem;border:1px solid #ccc;border-radius:5px;font-size:1rem;width:100%;background-color:#fff;color:#555}.AddingSubjectContainerSelect:focus{border-color:#007bff;outline:none}.AddingSubjectContainerMsgSection{width:70%;height:auto;padding:.5rem 1rem;border:1.5px solid #e57373;background-color:#ffcccb;color:#b71c1c;font-size:1rem;font-weight:700;border-radius:8px;margin-bottom:1rem;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 4px #0000001a;text-align:center}.ClassSpecifierSpan{font-size:1.5rem;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;background-color:#007bff;color:#fff;padding:.6rem;border-radius:5px;margin-top:.7rem;margin-bottom:.4rem}.DeleteSubjectDialougeBackground{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.DeleteSubjectDialougeBox{background:#fff;border-radius:15px;box-shadow:0 4px 30px #0003;padding:20px;max-width:400px;width:90%;display:flex;flex-direction:column}.DeleteSubjectDialougeSpan{font-size:18px;color:#333;margin-bottom:20px;align-self:center}.DeleteSubjectDialougeButtonArea{display:flex;justify-content:space-around}.DeleteSubjectDialougeNoButton,.DeleteSubjectDialougeYesButton{background-color:#007bff;color:#fff;border:none;border-radius:5px;padding:10px 15px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.DeleteSubjectDialougeNoButton:hover,.DeleteSubjectDialougeYesButton:hover{background-color:#0056b3}.DeleteSubjectDialougeNoButton:active,.DeleteSubjectDialougeYesButton:active{transform:scale(.95)}@media (max-width: 600px){.DeleteSubjectDialougeBox{padding:15px;font-size:16px}.DeleteSubjectDialougeSpan{font-size:16px;margin-bottom:15px}}.CurrentAttendaceGraphArea{width:90%;height:auto;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.AttendanceAnalyticsText{margin-top:1rem;font-size:2rem;font-family:Arial,sans-serif}.CurrentAttendaceGraphAreaHeader{font-family:Arial,Helvetica,sans-serif;font-size:1.4rem;margin-top:1.5rem}.CurrentAttendaceGraphs{width:80%;padding:20px;margin:15px auto;background-color:#007bff;color:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;display:flex;justify-content:space-between;align-items:center;font-family:Arial,sans-serif;font-weight:700}.FutureAttendaceCurves{width:80%;padding:20px;margin:15px auto;background-color:#28a745;color:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;display:flex;justify-content:space-between;align-items:center;font-family:Arial,sans-serif;font-weight:700}.AttendaceGraphsDownIcon{margin-left:15px;cursor:pointer;transition:transform .3s ease}.rotateIcon{transform:rotate(180deg)}.EditSubjectBackground{width:100%;height:100%;background:#000000b3;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:1000}.EditSubjectEditingBox{height:auto;width:40%;background:linear-gradient(135deg,#fdfbfb,#ebedee);border:2px solid #e1e1e1;border-radius:16px;box-shadow:0 8px 20px #0000004d;padding:2rem;display:flex;flex-direction:column;gap:1rem;animation:AttendaceEditBoxSlideDown .3s ease-in-out}.EditSubjectEditingBoxHeader{font-size:1.5rem;font-weight:700;text-align:center;color:#444;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05rem}.EditSubjectEditingBoxNameArea,.EditSubjectEditingBoxSubjectTypeArea,.EditSubjectEditingBoxAttendaceArea{display:flex;align-items:center;justify-content:space-between;width:100%}.EditSubjectEditingBoxName,.EditSubjectEditingBoxSubjectType,.EditSubjectEditingBoxAttendacePresent,.EditSubjectEditingBoxAttendaceAbsent{font-size:1rem;font-weight:500;color:#555;margin-right:.5rem}.EditSubjectEditingBoxAttendaceAbsent{margin-left:1.5rem}.EditSubjectEditingBoxNameInput,.EditSubjectEditingBoxAttendacePresentInput,.EditSubjectEditingBoxAttendaceAbsentInput{width:70%;padding:.5rem;font-size:.9rem;border:1px solid #ccc;border-radius:8px;outline:none;transition:all .3s ease}.EditSubjectEditingBoxNameInput:focus,.EditSubjectEditingBoxAttendacePresentInput:focus,.EditSubjectEditingBoxAttendaceAbsentInput:focus{border-color:#6c63ff;box-shadow:0 0 6px #6c63ff80}.EditSubjectEditingBoxSubjectTypeOptions{width:72%;padding:.5rem;font-size:.9rem;border:1px solid #ccc;border-radius:8px;background:#fff;outline:none;transition:all .3s ease}.EditSubjectEditingBoxSubjectTypeOptions:focus{border-color:#6c63ff;box-shadow:0 0 6px #6c63ff80}.EditSubjectEditingBoxNoteText{font-size:.85rem;color:#d9534f;text-align:center;font-style:italic;margin-top:-.5rem}.EditSubjectEditingBoxButtonArea{display:flex;justify-content:space-between;width:100%;margin-top:1rem}.EditSubjectEditingBoxButtonCancel,.EditSubjectEditingBoxButtonUpdate{width:48%;padding:.8rem;font-size:1rem;font-weight:700;text-transform:uppercase;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease}.EditSubjectEditingBoxButtonCancel{background:#f8d7da;color:#721c24}.EditSubjectEditingBoxButtonCancel:hover{background:#f5c6cb}.EditSubjectEditingBoxButtonUpdate{background:#6c63ff;color:#fff}.EditSubjectEditingBoxButtonUpdate:hover{background:#574bdf}@keyframes AttendaceEditBoxSlideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.EditSubjectEditingBoxErrorArea{width:60%;height:auto;padding:.5rem 1rem;border:2px solid #ff4d4d;background:linear-gradient(135deg,#ffe6e6,#fcc);color:#d8000c;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:center;align-items:center;align-self:center;font-family:Arial,sans-serif;font-size:1rem;text-align:center}.EditSubjectEditingBoxErrorAreaMsg{font-weight:700;letter-spacing:.5px}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.AttendanceCalendarArea{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;background-color:#000000b3;z-index:1000}.AttendanceCalendarAreaCard{width:50%;max-width:600px;background-color:#fff;display:flex;flex-direction:column;border-radius:15px;box-shadow:0 8px 15px #0003;overflow:hidden;animation:AttendanceCalendarfadeIn .5s ease-in-out}.AttendanceCalendarAreaCardHeader{align-self:center;font-size:1.8rem;font-weight:700;margin:1.5rem 0;color:#333;font-family:Poppins,sans-serif;letter-spacing:1px}.CalendarBox{border:1.5px solid #e0e0e0;border-radius:10px;margin:0 auto;width:90%;padding:10px}.react-calendar__tile{font-size:16px;transition:transform .2s ease,background-color .2s ease;border-radius:10px;margin:2px;text-align:center}.highlight-green{background-color:#4caf50!important;border-radius:50%;color:#fff!important;font-weight:700!important;border:2px solid #388e3c;padding:5px;box-shadow:0 2px 5px #0003}.highlight-green:hover{background-color:#388e3c!important;transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.highlight-red{background-color:#d9534f!important;border-radius:50%;color:#fff!important;font-weight:700!important;border:2px solid #b52b2b;padding:5px;box-shadow:0 2px 5px #0003}.highlight-red:hover{background-color:#b52b2b!important;transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.react-calendar__tile--now,.react-calendar__tile--active{background-color:inherit;font-weight:400;color:#000;border:none;pointer-events:none}.react-calendar__tile{pointer-events:none}.AttendanceCalendarAreaCardDetailsArea{display:flex;justify-content:center;align-items:center;margin:1.5rem 0;font-family:Poppins,sans-serif;font-size:1rem;color:#666}.AttendanceCalendarAreaCardDetailsAreaColorPresent,.AttendanceCalendarAreaCardDetailsAreaColorAbsent{height:1.5rem;width:1.5rem;border-radius:5px;margin-right:1rem}.AttendanceCalendarAreaCardDetailsAreaColorPresent{background-color:#4caf50}.AttendanceCalendarAreaCardDetailsAreaColorAbsent{background-color:#d9534f;margin-left:1rem}.AttendanceCalendarAreaCardDetailsAreaColorDetails{font-size:1rem;font-weight:500;letter-spacing:.5px}.AttendanceCalendarAreaCardNoDataHeader{font-size:1.5rem;color:#b0b0b0;text-align:center;margin:2rem}@keyframes AttendanceCalendarfadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.StudentChangePasswordMainArea{width:100%;height:84vh;display:flex;justify-content:center;align-items:center}.StudentChangePasswordContainer{margin-top:1rem;width:30%;height:auto;padding:2rem;border-radius:10px;display:flex;flex-direction:column;align-items:center;background-color:#1976d2;box-shadow:0 4px 15px #0003}.StudentChangePasswordHeading{font-size:1.8rem;margin-bottom:1.5rem;color:#fff;letter-spacing:1px}.StudentChangePasswordContainerFormArea{width:100%;display:flex;flex-direction:column;align-items:center}.StudentChangePasswordNewPassword1,.StudentChangePasswordNewPassword2{font-size:1.2rem;margin-bottom:.4rem;color:#fff}.StudentChangePasswordNewPassword1InputButton,.StudentChangePasswordNewPassword2InputButton{width:80%;height:2.2rem;padding:.4rem;margin-bottom:2rem;border-radius:10px;border:none;font-size:1rem;text-align:center}.StudentChangePasswordButtonArea{width:80%;display:flex;justify-content:space-between}.StudentChangePasswordButtonArea .StudentChangePasswordButtons{width:45%;height:2.5rem;border-radius:10px;border:none;cursor:pointer;font-weight:700;transition:all .3s ease;position:relative;z-index:1;overflow:hidden}.StudentChangePasswordButtonArea .StudentChangePasswordButtons:before{content:"";position:absolute;top:0;left:0;width:300%;height:100%;background:#ffffff1a;z-index:-1;transition:all .3s ease-in-out}.StudentChangePasswordButtonArea .StudentChangePasswordButtons:hover:before{left:-100%;transition:all .5s ease-in-out}.StudentChangePasswordButtonArea .StudentChangePasswordButtons:first-child{background-color:#d32f2f;color:#fff}.StudentChangePasswordButtonArea .StudentChangePasswordButtons:first-child:hover{background-color:#c62828}.StudentChangePasswordButtonArea .StudentChangePasswordButtons:last-child{background-color:#388e3c;color:#fff}.StudentChangePasswordButtonArea .StudentChangePasswordButtons:last-child:hover{background-color:#2e7d32}.StudentChangePasswordButtonArea .StudentChangePasswordButtons:hover{box-shadow:0 4px 20px #0000004d;transform:scale(1.05);transition:all .2s ease}.StudentChangePasswordCancelButton{font-size:.9rem}.StudentChangePasswordChangePasswordButton{font-size:1rem}.StudentForgetPasswordMainArea{width:100%;height:auto;display:flex;justify-content:center;align-items:center;padding-top:2rem;padding-bottom:2rem}.StudentForgetPasswordForm{width:25rem;padding:2rem;border-radius:10px;background-color:#1976d2;box-shadow:0 4px 15px #0003;display:flex;flex-direction:column;align-items:center}.StudentForgetPasswordTitle{font-size:1.8rem;color:#fff;margin-bottom:1.5rem}.StudentForgetPasswordLabel{font-size:1rem;color:#fff;margin-bottom:.5rem;align-self:flex-start}.StudentForgetPasswordInput{width:100%;padding:.8rem;border:none;border-radius:5px;margin-bottom:1.5rem;font-size:1rem;box-shadow:inset 0 0 5px #0003}.StudentForgetPasswordInputDisabled{width:100%;padding:.8rem;border:none;border-radius:5px;margin-bottom:1.5rem;font-size:1rem;box-shadow:inset 0 0 5px #0003;cursor:not-allowed}.StudentForgetPasswordButton{width:100%;padding:.8rem;font-size:1.1rem;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:1rem;transition:background-color .3s ease,box-shadow .3s ease}.StudentForgetPasswordButton:hover{background-color:#45a049;box-shadow:0 0 10px #4caf50,0 0 20px #4caf50}.StudentForgetPasswordCancelButton{width:100%;padding:.8rem;font-size:1.1rem;background-color:#d32f2f;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:1rem;transition:background-color .3s ease,box-shadow .3s ease}.StudentForgetPasswordCancelButton:hover{background-color:#c62828;box-shadow:0 0 10px #d32f2f,0 0 20px #d32f2f}.StudentForgetPasswordInfo{font-size:1rem;color:#fff;margin-bottom:1rem;align-self:flex-start;background-color:#ffffff1a;padding:.5rem;border-radius:5px;width:100%;text-align:left}.DashboardMainArea{padding:30px;max-width:1100px;margin:30px auto;box-shadow:0 6px 15px #0000001a;border-radius:12px;background-color:#fff}.SuperAdminHeaders{text-align:center;margin-bottom:20px}.SuperAdminLogOutFeature{background-color:#dc3545;color:#fff;border:none;padding:10px 25px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s ease-in-out}.HomePageModificationAreaHeader,.StudentControlsSectionHeader,.FacultyControlsSectionHeader,.ReprotsAnalyticsControlsSectionHeader{font-size:20px;font-weight:700;color:#495057;margin-bottom:15px}.HomePageModificationControlOptionsArea,.StudentControlsSectionOptionsArea,.FacultyControlsSectionOptionsArea,.ReprotsAnalyticsControlsSectionOptionsArea{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.HomePageModificationControlOptions,.StudentControlsSectionOptions,.FacultyControlsSectionOptions,.ReprotsAnalyticsControlsSectionOptions{background-color:#f1f3f5;padding:15px;border-radius:10px;text-align:center;cursor:pointer;font-size:16px;font-weight:700;color:#495057;box-shadow:0 4px 8px #0000001a;transition:all .3s ease-in-out}.HomePageModificationControlOptions:hover,.StudentControlsSectionOptions:hover,.FacultyControlsSectionOptions:hover,.ReprotsAnalyticsControlsSectionOptions:hover{background-color:#007bff;color:#fff;transform:translateY(-5px)}@media (max-width: 768px){.DashboardMainArea{padding:20px;margin-top:20px;box-shadow:none;border-radius:8px;width:auto}}.TopAreaDashboard{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;margin-bottom:20px}.SuperAdminHeaders{text-align:center;display:flex;flex-direction:column}.SuperAdminHeader{font-size:28px;font-weight:700;color:#343a40}.SuperAdminSubHeader{font-size:18px;color:#6c757d}.SuperAdminLogOutFeature{position:absolute;top:10px;right:20px;background-color:#dc3545;color:#fff;border:none;padding:10px 25px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s ease-in-out}.SuperAdminLogOutFeature:hover{background-color:#c82333;transform:scale(1.05)}.dataTableAreaOfMasterPhotos{margin-top:1.5rem;width:100%;height:auto;display:flex;flex-direction:column}.dataTableOfMasterPhotos{width:100%;border-collapse:collapse}.MasterSectionTableHeader,.MasterSectionTableData{border:1px solid #ddd;padding:14px;text-align:left}.MasterSectionTableHeader{background-color:#f2f2f2}.anchorCentre{text-align:center}.MastersectionTablesIcon{cursor:pointer}.MastreSectionEditorBorder{margin-top:1rem;height:3px;width:100%;background-color:#000}.masterSectionCustomButton{cursor:pointer;margin-top:1.5rem;margin-bottom:2rem;height:3.75rem;width:12.5rem;background-color:#132233;border:.125rem solid rgb(182,128,128);color:#eee;transition:.6s;font-size:.9375rem;border-radius:3.125rem;display:flex;justify-content:center;align-items:center;overflow:hidden}.masterSectionButtonText{transform:translate(.625rem);transition:.5s}.masterSectionCartIcon{transform:translate(-18.75rem);transition:.6s;z-index:3;height:1.25rem}.masterSectionCustomButton:hover{width:3.75rem;background-color:#332233d0;box-shadow:1.25rem 1.25rem 6rem #bebebe,-1.25rem -1.25rem 6rem #fff}.masterSectionCustomButton:hover .masterSectionCartIcon{transform:translate(-.3125rem)}.masterSectionCustomButton:hover .masterSectionButtonText{transform:translateY(4.375rem);font-size:.1rem}.masterSectionButtonContainer{display:flex;justify-content:center;align-items:center;width:100%}.MasterPhotoViewPopUpOverlay{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:5}.MasterPhotoViewPopUpContent{position:relative;background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 15px #0003;height:auto;width:auto}body.modal-open{overflow:hidden}.MasterPhotoViewPopUpBody{margin:1rem;height:20rem;width:40rem;background-position:center;background-repeat:no-repeat;background-size:contain}.dataNotFoundContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.dataNotFoundIcon{width:5rem;height:5rem;margin-bottom:1rem;color:#555}.dataNotFoundMessage{font-size:1.5rem;color:#555;margin:0}.MasterSectionUpdaterOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:999}.MasterSectionUpdaterPopup{height:auto;width:30rem;background-color:#fff;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;box-shadow:0 4px 8px #0000001a;text-align:center;position:relative;z-index:1000}.MasterSectionUpdaterUploadBox{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #ddd;padding:30px;border-radius:10px;width:80%;margin-bottom:20px}.MasterSectionUpdaterUploadIcon{cursor:pointer;margin-bottom:10px}.MasterSectionUpdaterUploadBtn,.MasterSectionUpdaterRemoveBtn{padding:10px 20px;border-radius:5px;font-size:16px;cursor:pointer;transition:transform .3s ease;margin-top:10px}.MasterSectionUpdaterUploadBtn{background-color:#4caf50;color:#fff}.MasterSectionUpdaterUploadBtn:disabled{background-color:#ccc;cursor:not-allowed}.MasterSectionUpdaterUploadBtn:hover:not(:disabled),.MasterSectionUpdaterRemoveBtn:hover{transform:scale(1.1)}.MasterSectionUpdaterRemoveBtn{background-color:#ff4d4d;color:#fff;margin-left:20px}.MasterSectionUpdaterRemoveBtn:disabled{background-color:#ccc;cursor:not-allowed}.MasterSectionUpdaterFileError{color:red;font-size:14px}.MasterPhotoTitleInput{width:80%;height:2rem;margin-bottom:.5rem;margin-top:.5rem}.MasterSectionEditItemID{margin-bottom:.5rem}.StudentViewOrEditBorder{margin-top:1rem;height:3px;width:100%;background-color:#000}.StudentViewOrEditControlSectionArea{width:100%;height:5rem;display:flex;justify-content:center}.StudentViewOrEditControlSection{width:90%;height:5rem;border:1.5px solid blue;border-radius:5px;display:flex}.StudentViewOrEditControlSectionControlsandSearchSection{height:100%;width:auto;display:flex;align-items:center;padding-left:1rem}.StudentViewOrEditControlSectionControlsandSearchSectionBulkEdit,.StudentViewOrEditControlSectionControlsandSearchSectionSendNotice{padding:.6rem 1.5rem;font-weight:500;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.StudentViewOrEditControlSectionControlsandSearchSectionBulkEdit{background-color:#4a90e2}.StudentViewOrEditControlSectionControlsandSearchSectionBulkEdit:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.StudentViewOrEditControlSectionControlsandSearchSectionSendNotice{background-color:#34c759;margin:1rem}.StudentViewOrEditControlSectionControlsandSearchSectionSendNotice:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.StudentViewOrEditControlSectionicon{margin-right:.5rem}.StudentViewOrEditControlSectionSearchAreaSearchText{font-size:1rem;font-weight:700;color:#333;margin-bottom:.5rem}.StudentViewOrEditControlSectionSearchAreaSearchBox{width:15rem;padding:.5rem;border:1px solid #ccc;border-radius:5px;font-size:1rem;outline:none;transition:box-shadow .2s ease,border .2s ease}.StudentViewOrEditControlSectionSearchAreaSearchBox:focus{border:1px solid #4a90e2;box-shadow:0 0 5px #4a90e280}.StudentViewOrEditControlSectionSearchArea{height:100%;width:auto;display:flex;flex-direction:column;justify-content:center;align-items:left;border-left:2px solid black;border-right:2px solid black;padding-left:.75rem;padding-right:.75rem;margin-right:.75rem}.StudentViewOrEditControlSectionFilterAndExportArea{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:10px}.StudentViewOrEditControlSectionFilterAndExportDeptFilterSelector,.StudentViewOrEditControlSectionFilterAndExportSemFilterSelector{display:flex;flex-direction:column;cursor:pointer;height:auto}.StudentViewOrEditControlSectionFilterAndExportArea>div{display:flex;align-items:center;gap:1rem}.StudentViewOrEditControlSectionFilterAndExportButton{width:3;height:2.8rem;font-weight:700;color:#fff;background-color:#f39c12;border:none;border-radius:5px;cursor:pointer}.StudentViewOrEditControlSectionFilterAndExportButton:hover{background-color:#e67e22}.StudentViewOrEditControlSectionFilterAndExportInput{padding:.5rem;font-size:.9rem;border:1px solid #ccc;border-radius:5px;outline:none}.StudentViewOrEditControlSectionFilterAndExportDropdown{padding:.3rem;width:4rem;border:1px solid #ccc;border-radius:5px;background-color:#fff;cursor:pointer;transition:border-color .2s ease}.StudentViewOrEditControlSectionFilterAndExportLabel{color:#444}.StudentViewOrEditListSection{width:100%;height:auto;display:flex;flex-direction:column}.SuperAdminLogOutFeature{margin-bottom:.8rem}.StudentViewOrEditListItem{width:90%;height:8rem;align-self:center;margin-top:.8rem;border-radius:10px;border:2px solid black;display:flex;align-items:center;justify-content:center}.StudentViewOrEditListItemProfilePhoto{border-radius:50%;width:5rem;height:5rem;border:2px solid black;margin-left:1.5rem;background-size:cover;background-repeat:no-repeat;background-position:center}.StudentViewOrEditListDetailsSection{height:100%;width:30%;margin-left:2rem;display:flex;flex-direction:column;align-items:left;justify-content:center}.StudentViewOrEditListDetailsName{font-size:1.65rem}.StudentViewOrEditListDetailsRoll{margin-top:.7rem}.StudentViewOrEditListDetailsRoll,.StudentViewOrEditListDetailsDepartment{font-size:.8rem}.StudentViewOrEditListLoginDetails{display:flex;flex-direction:column;align-items:center;justify-content:center;width:22%;background-color:#f4f4f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;font-family:Arial,sans-serif;color:#333}.StudentViewOrEditListLoginDetails span{font-size:14px;margin:8px 0;border-radius:4px;width:90%;text-align:center;background-color:#fff;color:#555;border:1px solid #eee;padding-top:.4rem;padding:.4rem}.StudentViewOrEditListLoginDetails span:hover{background-color:#e6f7ff;color:#007acc}.StudentViewOrEditListLoginDetailsLastLogin{font-weight:700;color:#1a73e8}.StudentViewOrEditListLoginDetailsJoined{font-weight:700;color:#34a853}.StudentViewOrEditListDetailsControlButtonsArea{height:100%;width:20%;display:flex;align-items:center;justify-content:space-evenly;justify-self:flex-end}.StudentViewOrEditListDetailsControlViewButton,.StudentViewOrEditListDetailsControlDeleteButtons,.StudentViewOrEditListDetailsControlEditButtons{height:3rem;width:3rem;border-radius:5px;cursor:pointer;transition:transform .3s ease}.StudentViewOrEditListDetailsControlViewButton:hover,.StudentViewOrEditListDetailsControlDeleteButtons:hover,.StudentViewOrEditListDetailsControlEditButtons:hover{transform:scale(1.1)}.StudentViewOrEditListDetailsControlViewButton:active,.StudentViewOrEditListDetailsControlDeleteButtons:active,.StudentViewOrEditListDetailsControlEditButtons:active{transform:scale(.9)}.StudentViewOrEditListDetailsControlButtonIcon{width:70%;height:70%}.ExportToXLSButtonContainer{position:relative;width:auto;margin:20px auto;text-align:center}.ExportToXLSButtonContent{background-color:orange;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:700;font-size:16px}.dropdown-button:hover{background-color:#ff8c00}.ExportToXLSButtonContent{position:absolute;top:50px;left:0;width:6.5rem;max-width:250px;background-color:#fff;box-shadow:0 8px 16px #0000001a;border-radius:12px;z-index:10;animation:ExportButtonContentfadeIn .3s ease-in-out;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.ExportToXLSButtonList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.ExportToXLSButtonItem{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 16px;cursor:pointer;text-align:center;font-size:13px;font-weight:600;color:#333;border-radius:8px;transition:background-color .2s ease,transform .2s ease}.ExportToXLSButtonItem:hover{background-color:#f0f4f8;transform:scale(1.02);color:#0078d4}@keyframes ExportButtonContentfadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ExportButtonListIcons{margin-right:.5rem;height:3rem}.viewStudentCardOverlay{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.viewStudentCardContent{width:25rem;background-color:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:scale(.95);transition:transform .3s ease-in-out;opacity:0;animation:zoomIn .3s ease-in-out forwards}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoomOut{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.viewStudentCardImage{height:7rem;width:7rem;border-radius:50%;border:2px solid #4A90E2;background-position:center;background-repeat:no-repeat;background-size:cover;margin-bottom:1rem;box-shadow:0 3px 8px #00000026}h1{font-size:1.6rem;color:#333;font-weight:700;margin-bottom:.5rem}.viewStudentCardRoll,.viewStudentCardDepartment{display:block;font-size:.95rem;color:#777;margin-bottom:.5rem}.viewStudentCardYearAndSem{margin-top:1rem;font-size:1rem;font-weight:500;color:#555}.viewStudentCardContactdetailsHeader{margin:1.5rem 0 .5rem;font-size:1.2rem;font-weight:700;color:#4a90e2}.viewStudentCardEmail,.viewStudentCardMobile{display:block;font-size:1rem;color:#333;margin-bottom:.5rem}.viewStudentCardAddress{margin-top:1rem;font-size:1rem;color:#333}.deleteStudentBoxOverlay{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.deleteStudentBoxContent{width:25rem;background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:scale(.95);transition:transform .3s ease-in-out;opacity:0;animation:DeleteBoxZoomIn .3s ease-in-out forwards}@keyframes DeleteBoxZoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes DeleteBoxZoomOut{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.deleteConfirmationHeader{font-size:1.5rem;font-weight:700;color:#ff4d4d;margin-bottom:.5rem}.deleteStudentRoll{font-size:1.25rem;color:#333;margin-bottom:1.5rem}.deleteWarningMessage{font-size:1rem;color:#666;margin-bottom:1.5rem;font-weight:500}.deleteButtonContainer{display:flex;gap:1rem;margin-top:1rem}.deleteCancelButton{padding:.5rem 1.5rem;background-color:#ccc;color:#333;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background-color .2s ease}.deleteCancelButton:hover{background-color:#b3b3b3}.deleteConfirmButton{padding:.5rem 1.5rem;background-color:#ff4d4d;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background-color .2s ease}.deleteConfirmButton:hover{background-color:#e63939}.SendNoticeOnMailBackground{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1}.SendNoticeOnMailContainer{width:35rem;background-color:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;transform:scale(.95);transition:transform .3s ease-in-out;opacity:0;animation:zoomIn .3s ease-in-out forwards;height:80%;overflow-y:auto;overflow-x:hidden}.SendNoticeOnMailContainer::-webkit-scrollbar{width:12px;background-color:#f1f1f1}.SendNoticeOnMailContainer::-webkit-scrollbar-thumb{background:#888}.SendNoticeOnMailContainer::-webkit-scrollbar-thumb:hover{background:#555}.SendNoticeOnMailCancelButton{position:fixed;top:0;right:0;margin:.8rem;cursor:pointer;border:none;font-size:1.2rem;font-weight:700;background-color:#ec2424;color:#fff;padding:.7rem;border-radius:5px}.SendNoticeOnMailHeader{align-self:center;font-size:1.8rem;font-weight:700;color:#333;margin-bottom:1rem}.NameAndDesignationInputArea{width:100%;height:auto;display:flex;justify-content:space-between;gap:1rem}.NameAndDesignationInputAreaDesignation,.NameAndDesignationInputAreaName{display:flex;width:44%;flex-direction:column}.NameAndDesignationInputAreaNameSpan,.NameAndDesignationInputAreaDesignationSpan{font-size:1rem;font-weight:600;margin-bottom:.5rem}.NameAndDesignationInputAreaNameInput,.NameAndDesignationInputAreaDesignationSelect{padding:.5rem;border:2px solid #ccc;border-radius:8px;outline:none;font-size:1rem;width:100%}.NameAndDesignationInputAreaNameInput:active{border:2px solid #ccc}.NameAndDesignationInputAreaDesignationSelect::-webkit-scrollbar{width:8px;background-color:#f1f1f1}.NameAndDesignationInputAreaDesignationSelect::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.NameAndDesignationInputAreaDesignationSelect::-webkit-scrollbar-thumb:hover{background:#555}.SubjectAndContentInputArea{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.SubjectAndContentInputAreaSubject,.SubjectAndContentInputAreaContent{display:flex;flex-direction:column}.SubjectAndContentInputAreaSubjectSpan,.SubjectAndContentInputAreaContentSpan{font-size:1rem;font-weight:600;margin-bottom:.5rem}.SubjectAndContentInputAreaSubjectInput{width:100%;height:2.5rem;padding:.5rem;border:1.5px solid #ccc;border-radius:8px;outline:none;font-size:1rem}.SubjectAndContentInputAreaSubjectInput:active{border:1.5px solid #ccc}.SubjectAndContentInputAreaContentInput{width:100%;height:8rem;padding:.5rem;border:1px solid #ccc;border-radius:8px;outline:none;font-size:1rem;resize:none;overflow-y:scroll;display:flex;text-wrap:initial}.BreakLineNoticeSection{width:100%;border:2px solid black;margin:1rem 0}.SendToSelectionSectionArea{width:75%;height:auto;display:flex;gap:1rem;margin-top:1rem;align-items:center;align-self:center}.SendToSelectionSectionSentToSpan{font-weight:600;color:#555}.SendToSelectionSectionSentToLabel{display:flex;align-items:center;gap:.5rem;font-size:1rem;cursor:pointer}.SendToSelectionSectionSentToRadioInput{accent-color:#007bff;cursor:pointer}.SendNoticeButtonSectionArea{display:flex;justify-content:space-evenly;width:100%;height:auto;margin-top:1.5rem}.SendNoticeButtonSectionCancelButton,.SendNoticeButtoonSectionSendButton{padding:.7rem 1.5rem;font-size:1rem;border:none;cursor:pointer;border-radius:8px;font-weight:600}.SendNoticeButtoonSectionSendButton:disabled{background-color:gray;cursor:not-allowed}.SendNoticeButtonSectionCancelButton{background-color:#f44336;color:#fff;transition:background-color .3s}.SendNoticeButtonSectionCancelButton:hover{background-color:#d32f2f}.SendNoticeButtoonSectionSendButton{background-color:#4caf50;color:#fff;transition:background-color .3s}.SendNoticeButtoonSectionSendButton:disabled:hover{background-color:#ccc}.SendNoticeButtoonSectionSendButton:hover{background-color:#388e3c}@media (max-width: 768px){.SendNoticeOnMailContainer{width:90%;height:auto}.NameAndDesignationInputArea{flex-direction:column}.NameAndDesignationInputAreaDesignation,.NameAndDesignationInputAreaName{width:100%}}.SubjectAndContentInputAreaContentInputRephraseButton{width:6rem;height:2rem;margin-top:-2.2rem;margin-left:.4rem;cursor:pointer;background-color:#6c63ff;color:#fff;border:none;border-radius:.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease,transform .2s ease}.SubjectAndContentInputAreaContentInputRephraseButton:hover{background-color:#5b54e4;transform:translateY(-3px)}.SubjectAndContentInputAreaContentInputRephraseButtonIcon{margin-right:.3rem;color:#fff;font-size:1rem}.NoticeContainerStudentListContainer{width:90%;border:2px solid rgb(16,16,141);border-radius:8px;align-self:center;margin-top:.5rem;display:flex;flex-direction:column;background:#f8f9fc;padding:10px}.NoticeContainerStudentListToolsAndFilters{width:100%;height:2.8rem;display:flex;align-items:center;font-size:1rem;font-weight:700}.NoticeStudentListFiltersSpan{margin-left:.5rem}.NoticeStudentListFiltersFiltersSection{margin-left:.8rem}.NoticeStudentListFiltersSpanSemDropDown{margin-left:.5rem;width:4rem;border:1px solid rgb(161,157,157);padding:.3rem}.NoticeStudentListFiltersSpanDeptFilter{margin-left:2rem}.NoticeStudentListFiltersSpanDeptFilterDropDown{margin-left:.5rem;width:6rem;border:1px solid rgb(161,157,157);padding:.3rem}.NoticeContainerStudentListTopControlAndLabels{width:100%;height:2rem;display:flex;align-items:center;margin-left:.7rem}.NoticeContainerStudentListTopControlAndLabelsSelectAllCheckBox{height:1rem;width:1rem}.NoticeContainerStudentListStudentCard{cursor:pointer;width:95%;align-self:center;display:flex;align-items:center;border:1.5px solid #333;border-radius:8px;background:#fff;padding:10px;margin:8px 0;box-shadow:2px 2px 8px #0000001a;transition:all .3s ease-in-out}.NoticeContainerStudentListStudentCard:hover{background:#e3e6ff;transform:scale(1.02)}.NoticeContainerStudentListStudentCardCheckBox{margin-right:10px;cursor:pointer;width:1.2rem;height:1.2rem}.NoticeContainerStudentListStudentCardRofile{width:3rem;height:3rem;border-radius:50%;background-size:cover;background-repeat:no-repeat;background-position:center;border:2px solid #444}.NoticeContainerStudentListStudentCardNameAndRoll{display:flex;flex-direction:column;justify-content:center;margin-left:12px;font-size:1rem;font-weight:700;color:#222}.NoticeContainerStudentListStudentCardRoll{font-size:.9rem;color:#555}.NoticeContainerStudentListStudentCardEmail{margin-left:auto;padding:6px 12px;background:#10108d1a;color:#10108d;font-size:.9rem;font-weight:600;border-radius:5px;white-space:nowrap}.SubjectAndContentInputAreaContentInput:disabled,.SubjectAndContentInputAreaContentInputRephraseButton:disabled{cursor:not-allowed}.SubjectAndContentInputAreaContentInput:disabled{position:relative;background-color:#f3f3f3;color:#aaa;overflow:hidden;cursor:not-allowed}.SubjectAndContentInputAreaContentInput:disabled:before{content:"";position:absolute;top:0;left:-150%;width:300%;height:100%;background:linear-gradient(120deg,#fff0 30%,#ffffff4d,#fff0 70%);animation:waveEffect 1.2s linear infinite}@keyframes waveEffect{0%{transform:translate(-100%)}to{transform:translate(100%)}}.SendButtonConfirmationModal{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.SendingNoticeModalBackground{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.SendingNoticeModalContainer{font-family:Poppins,sans-serif;display:flex;flex-direction:column;align-items:center;background-color:#fff;width:28rem;padding:24px;border-radius:12px;box-shadow:0 6px 20px #0003;animation:fadeIn .3s ease-in-out;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.SendingNoticeModalHeader{font-size:1.6rem;font-weight:600;color:#333}.SendingNoticeModalStatusBarBG{margin-top:1rem;width:90%;height:12px;background-color:#e0e0e0;border-radius:6px;overflow:hidden}.SendingNoticeModalStatusBar{height:100%;background:linear-gradient(90deg,#4caf50,#2e7d32);border-radius:6px;transition:width .3s ease-in-out}.SendingNoticeModalStatus{margin-top:.5rem;font-size:1.1rem;font-weight:500;color:#444}.SendingNoticeModalNumbersArea{margin-top:1rem;display:flex;gap:1rem;padding:10px;border-radius:8px;background-color:#f7f7f7}.SendingNoticeModalTotalNumber,.SendingNoticeModalSuccessNumber,.SendingNoticeModalFailedNumber{padding:8px 12px;font-size:.95rem;font-weight:500;border-radius:5px;box-shadow:2px 2px 5px #0000001a}.SendingNoticeModalTotalNumber{background-color:#ddd}.SendingNoticeModalSuccessNumber{background-color:#4caf50;color:#fff}.SendingNoticeModalFailedNumber{background-color:#e53935;color:#fff}.SendingNoticeModalCloseButton,.SendingNoticeModalStartButton{padding:10px 16px;margin-top:1.5rem;font-size:1rem;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out}.SendingNoticeModalCloseButton{background-color:#4caf50;color:#fff}.SendingNoticeModalCloseButton:disabled{background-color:#bdbdbd;cursor:not-allowed}.SendingNoticeModalStartButton{background-color:#1976d2;color:#fff}.SendingNoticeModalStartButton:hover{background-color:#1565c0}.SendingNoticeModalStartButton:disabled{cursor:not-allowed;background-color:#d3c7c7}.SendingNoticeModalStartButton:disabled:active{background-color:#d3c7c7}.AddStudentFormContainer{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:40px;border-radius:10px;max-width:80%;margin:30px auto;box-shadow:0 4px 15px #0000001a}.AddStudentSection{margin-bottom:30px;width:100%}.AddStudentSection h3{font-size:1.4em;margin-bottom:15px;font-weight:700;color:#333;text-transform:uppercase;letter-spacing:.05em}.AddStudentSection label{display:block;margin-bottom:8px;font-size:1em;color:#666}.AddStudentInput{width:100%;padding:14px;margin-bottom:18px;border:1px solid #ddd;border-radius:6px;background-color:#f9f9f9;color:#333;font-size:1em;transition:border-color .3s ease}.AddStudentInput:focus{border-color:#007bff;outline:none}.AddStudentInput:disabled,.AddStudentDropdown:disabled,.AddStudentButton:disabled{cursor:not-allowed;background-color:#f5f5f5;color:#b0b0b0;border-color:#ddd;opacity:.7}.AddStudentDropdownContainer{display:flex;gap:20px}.DropdownField{flex:1}.AddStudentDropdown{width:100%;padding:14px;border:1px solid #ddd;border-radius:6px;background-color:#f9f9f9;color:#333;font-size:1em;transition:border-color .3s ease}.AddStudentDropdown:focus{border-color:#007bff;outline:none}.AddStudentButton{padding:12px 20px;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;font-size:1em;transition:background-color .3s ease,transform .2s;margin-top:10px;width:100%}.AddStudentButton:hover{background-color:#0056b3}.AddStudentButton:disabled:hover{background-color:#007bff}.AddStudentButton:disabled{background-color:#007bff;opacity:.6}.AddStudentButtonContainer{display:flex;justify-content:space-between;width:100%;margin-top:25px}.AddStudentCancelButton,.AddStudentAddButton{padding:14px 30px;font-size:1em;font-weight:700;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease,transform .2s}.AddStudentCancelButton{background-color:#6c757d}.AddStudentCancelButton:hover{background-color:#5a6268;transform:scale(1.02)}.AddStudentAddButton{background-color:#28a745}.AddStudentAddButton:hover{background-color:#218838;transform:scale(1.02)}.AddStudentAddButton:disabled{background-color:#28a745;cursor:not-allowed;opacity:.6}.AddStudentAddButton:disabled:hover{background-color:#28a745}.student-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:20px}.student-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;transition:transform .3s}.student-card:hover{transform:scale(1.03)}.profile-section{display:flex;align-items:center;gap:15px}.profile-picture{width:70px;height:70px;border-radius:50%;object-fit:cover}.student-info h3{margin:0;font-size:20px}.attendance-wheel{width:60px;height:60px}.dropdown-toggle{display:block;width:100%;padding:10px;margin-top:10px;border:none;background:#007bff;color:#fff;font-size:14px;cursor:pointer;border-radius:5px;transition:background .3s}.dropdown-toggle:hover{background:#0056b3}.subjects-section{margin-top:15px;padding:10px;background:#f1f1f1;border-radius:5px}.subject-category h4{margin:10px 0;color:#333}.subject-item{display:flex;justify-content:space-between;padding:5px 10px;background:#fff;border-radius:5px;margin-bottom:5px;font-size:14px}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.notFoundContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;background:linear-gradient(135deg,#f0f4f8,#d9e4ea);padding:2rem;animation:NotFoundfadeIn 1s ease-in-out}@keyframes NotFoundfadeIn{0%{opacity:0}to{opacity:1}}.notFoundTitle{font-size:8rem;color:#ff6b6b;margin:0;font-weight:800;text-shadow:2px 2px 5px rgba(0,0,0,.1);transition:transform .3s ease}.notFoundTitle:hover{transform:scale(1.05)}.notFoundMessage{font-size:1.5rem;color:#6c757d;margin:1rem 0 2rem;max-width:600px;line-height:1.6;font-style:italic}.goHomeButton{padding:.75rem 1.75rem;font-size:1rem;color:#fff;background-color:#3498db;border:none;border-radius:25px;cursor:pointer;box-shadow:0 4px 10px #3498db4d;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.goHomeButton:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 6px 15px #2980b966}@media (max-width: 600px){.notFoundTitle{font-size:5rem}.notFoundMessage{font-size:1.25rem}.goHomeButton{font-size:.9rem;padding:.65rem 1.5rem}}.MobileHomePage___container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(to bottom right,#0f2027,#203a43,#2c5364);color:#fff;min-height:100vh;padding:20px;animation:MobileHomePage___fadeIn 1s ease-in-out}.MobileHomePage___header{text-align:center;margin-bottom:30px;animation:MobileHomePage___slideDown .8s ease forwards}.MobileHomePage___title{font-size:2rem;margin:0;font-weight:700}.MobileHomePage___subtitle{font-size:1rem;color:#d1d1d1;margin-top:8px}.MobileHomePage___main{display:flex;flex-direction:column;gap:20px;animation:MobileHomePage___fadeIn 1.5s ease}.MobileHomePage___card{background-color:#ffffff0d;border-radius:12px;padding:16px;box-shadow:0 4px 8px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.MobileHomePage___sectionTitle{font-size:1.2rem;margin-bottom:10px;border-bottom:1px solid #ffffff33;padding-bottom:4px}.MobileHomePage___featureList{list-style:none;padding-left:0;font-size:.95rem;line-height:1.6}.MobileHomePage___highlight{border-left:5px solid #00c6ff;background-color:#00c6ff1a}.MobileHomePage___highlightTitle{font-size:1.1rem;margin-bottom:6px;color:#00c6ff}.MobileHomePage___highlightText{font-size:.95rem;color:#e1e1e1}.MobileHomePage___highlightNote{margin-top:6px;font-size:.85rem;color:#bbb;font-style:italic}.MobileHomePage___footer{margin-top:40px;text-align:center;font-size:.8rem;color:#aaa}@keyframes MobileHomePage___fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes MobileHomePage___slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 769px){.MobileHomePage___container{display:none}}