body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:0;width:0}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#000;border-radius:20px}.Loading{align-items:center;background-color:#0073ff;display:flex;height:100vh;justify-content:center;overflow:hidden;width:100%}.Loading svg{animation:spin-and-bounce 2.5s cubic-bezier(.68,-.55,.27,1.55) infinite;height:80px;width:auto}@keyframes spin-and-bounce{0%{opacity:1;transform:scale(1) rotate(0deg)}20%{opacity:.95;transform:scale(1.05) rotate(90deg)}50%{opacity:.9;transform:scale(1.1) rotate(180deg)}80%{opacity:.95;transform:scale(1.05) rotate(270deg)}to{opacity:1;transform:scale(1) rotate(1turn)}}.Auth-Head{align-items:center;background-color:#0073ff;display:flex;height:100px;justify-content:space-around;overflow:hidden;width:100%}.Auth-Head svg{height:50%;width:auto}.Auth-Head h1{color:#fff;font-family:MainFont;font-weight:400}.Login-box{align-items:center;background:#0073ff;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;padding-top:50px;width:100%}.Login-box h1{color:#fff;font-family:MainFont;font-weight:400}.Login-box p{color:#fff;font-family:Mainfont;font-weight:400}.Login-box .inputs{align-items:center;display:flex;flex-direction:column;gap:20px;height:-webkit-fit-content;height:fit-content;justify-content:center;margin-top:50px;overflow:hidden;width:100%}.inputs input{height:30px;text-align:end;width:300px}.inputs button,.inputs input{border:none;border-radius:15px;font-family:MainFont;font-size:20px;outline:none;padding:10px}.inputs button{background-color:#00dad7;color:#fff;cursor:pointer;font-weight:600;height:50px;width:320px}.Auth-Head2{align-items:center;background-color:#0073ff;display:flex;height:100px;justify-content:space-around;overflow:hidden;width:100%}.Auth-Head2 svg{height:50%;width:auto}.Auth-Head2 h1{color:#fff;font-family:MainFont;font-weight:400}.Create-box{align-items:center;background:#0073ff;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;padding-top:50px;width:100%}.Create-box h1{color:#fff;font-family:MainFont;font-weight:400}.Create-box p{color:#fff;font-family:Mainfont;font-weight:400}.Create-box .inputs2{align-items:center;display:flex;flex-direction:column;gap:20px;height:-webkit-fit-content;height:fit-content;justify-content:center;margin-top:50px;overflow:hidden;width:100%}.inputs2 input{height:30px;text-align:end;width:300px}.inputs2 button,.inputs2 input{border:none;border-radius:15px;font-family:MainFont;font-size:20px;outline:none;padding:10px}.inputs2 button{background-color:#fe4f5a;color:#fff;cursor:pointer;font-weight:600;height:50px;width:320px}.image-upload-container{align-items:center;border:3px solid #fe4f5a;border-radius:50%;display:flex;height:100px;justify-content:center;overflow:hidden;position:relative;transition:border-color .3s ease;width:100px}.profile-preview{border-radius:50%;min-height:100px;min-width:100px;object-fit:contain}.image-upload-label{align-items:center;background-color:#ddd;border-radius:50%;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:background-color .3s ease;transition:opacity .3s ease;width:100%}.camera-icon{color:#555;font-size:30px}.error{direction:rtl;font-family:MainFont;font-weight:400;height:-webkit-fit-content;height:fit-content;text-align:start;width:320px}@font-face{font-family:MainFont;src:url(/static/media/Rubik-VariableFont_wght.3a4acc0356c6ea73f2c3.ttf)}.VerifyEmail{align-items:center;background:#0073ff;display:flex;flex-direction:column;gap:50px;height:100vh;justify-content:center;overflow:hidden;width:100%}.VerifyEmail p{color:#fff;font-size:30px}.TIM{background:#0073ff;direction:rtl;height:100vh}.TIM,.TIM .Userinfo2{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden;width:100%}.TIM .Userinfo2{gap:20px;height:-webkit-fit-content;height:fit-content}.Userinfo2 h1{color:#fff;font-family:MainFont;font-weight:400}.Userinfo2 .NewInfo2{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.NewInfo2 input{direction:rtl;height:30px;text-align:start;width:300px}.NewInfo2 input,.UserInfo-button{border:none;border-radius:15px;font-family:MainFont;font-size:20px;outline:none;padding:10px}.UserInfo-button{background-color:#00dad7;color:#fff;cursor:pointer;font-weight:600;height:50px;width:320px}.error-message{color:#fff;font-family:MainFont;font-weight:400}.teacher-roll-form{align-items:center;background:#0073ff;box-sizing:border-box;display:flex;flex-direction:column;font-family:MainFont;height:100vh;justify-content:center;padding:20px;width:100%}.teacher-roll-form h1{color:#fff;font-size:2rem;margin-bottom:20px;text-align:center}.teacher-roll-form .form-group{margin-bottom:15px;max-width:500px;width:100%}.teacher-roll-form .form-group label{color:#fff;display:block;font-size:1.1rem;margin-bottom:10px}.teacher-roll-form .form-group select{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-family:MainFont;font-size:1rem;margin-bottom:10px;padding:12px;width:100%}.teacher-roll-form .submit-button,.teacher-roll-form button[type=button]{background-color:#fff;border:none;border-radius:5px;color:#0073ff;cursor:pointer;font-family:MainFont;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.teacher-roll-form .submit-button:hover,.teacher-roll-form button[type=button]:hover{background-color:#005bb5;color:#fff}.teacher-roll-form .add-grade-level,.teacher-roll-form .add-specialization{background-color:#fff;color:#0073ff;display:block;font-family:MainFont;margin-top:15px;text-align:center;width:100%}.teacher-roll-form .add-grade-level:hover,.teacher-roll-form .add-specialization:hover{background-color:#005bb5;color:#fff}.teacher-roll-form .remove-grade-level,.teacher-roll-form .remove-specialization{align-items:center;background-color:#fff;cursor:pointer;display:flex;font-family:MainFont;justify-content:center;transition:color .3s ease}.teacher-roll-form .remove-grade-level:hover,.teacher-roll-form .remove-specialization:hover{color:#c9302c}.teacher-roll-form .grade-level-input,.teacher-roll-form .specialization-input{align-items:center;display:flex;gap:10px;height:50px;justify-content:space-between;margin-bottom:10px}.teacher-roll-form .grade-level-input select,.teacher-roll-form .specialization-input select{flex:1 1;font-family:MainFont}.teacher-roll-form .submit-button{background-color:#00dad7;border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:MainFont;font-size:20px;font-weight:600;height:50px;outline:none;padding:10px;width:320px}html{background:#0073ff;font-family:MainFont}.NavBar{background:#0073ff;overflow:hidden}.NavBar,.NavBar .UserData{align-items:center;display:flex;height:80px;justify-content:space-around;width:100%}.NavBar .UserData{color:#fff}.UserData img{border:2px solid #fff;border-radius:50%;height:50px;object-fit:cover;width:50px}.UserData h1{font-family:MainFont;font-size:20px;font-weight:400}.UserData button{background:#0000;border:none;color:#fff;cursor:pointer;height:50px;outline:none;width:50px}.MainInfo{align-items:flex-start;background:#0073ff;height:100%}.MainInfo,.TopCards{display:flex;justify-content:center;overflow:hidden;width:100%}.TopCards{align-items:center;direction:rtl;gap:10px;height:300px;padding:10px}.TopCards div{align-items:center;background:#fff;border-radius:20px;box-shadow:0 8px 15px #0003,0 4px 6px #0000001a;display:flex;flex:0 0 auto;flex-direction:column;height:250px;justify-content:flex-start;transition:box-shadow .3s ease-in-out;width:350px}.TopCards div h2{font-size:35px;height:-webkit-fit-content;height:fit-content;text-decoration:underline;text-underline-offset:20px}.TopCards div h2,.TopCards div p{color:#0073ff;font-family:MainFont}.TopCards div p{font-size:30px;height:0}.TopCards div:hover{box-shadow:0 10px 20px #00000040,0 6px 8px #00000026;transform:translateY(-5px);transition:box-shadow .3s ease-in-out,transform .3s ease-in-out}.Functions{align-items:center;background:#0073ff;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;justify-content:flex-start;overflow:hidden;width:100%}.Functions h1{color:#fff;font-family:Mainfont;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:15px}.Functions select{background:#0073ff;border:1px solid #fff;direction:rtl;font-size:20px;outline:none;padding:10px}.Functions button,.Functions select{border-radius:10px;color:#fff;font-family:MainFont;width:90%}.Functions button{background:#fff;background:linear-gradient(90deg,#00e5ff,#00e6cd);border:none;cursor:pointer;font-size:25px;font-weight:400;height:45px;margin-top:20px}@media (max-width:768px){.TopCards{justify-content:start;overflow-x:auto;overflow-y:hidden}.TopCards div{scroll-snap-align:start}.TopCards::-webkit-scrollbar{display:none}.TopCards{-ms-overflow-style:none;scrollbar-width:none}}.modal-overlay2{align-items:center;background-color:#00000080;bottom:0;direction:rtl;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content2{background:#fff;border-radius:8px;height:80%;max-width:800px;overflow-y:scroll;padding:20px;position:relative;text-align:center;width:80%}.modal-content2 h1{color:#0073ff;font-family:MainFont;margin:20px}.close-button2{background:none;border:none;cursor:pointer;font-size:1.2rem;position:absolute;right:10px;top:10px}.students-list2{display:flex;flex-direction:column;gap:10px}.student-card2{align-items:center;border:1px solid #ddd;border-radius:5px;display:flex;justify-content:space-between;padding:10px}.student-card2 p{font-family:MainFont}.attendance-buttons{display:flex;gap:10px;margin-top:10px}.attendance-button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:MainFont;font-size:14px;padding:8px 12px;transition:background-color .3s ease}.present-button{background-color:#38e9ce}.absent-button{background-color:red}.absent-button.disabled{background-color:grey;cursor:not-allowed;opacity:.6}.absent-button.active{background-color:green}.attendance-button.active{font-weight:700;opacity:.8}.student-name{font-size:16px;margin-bottom:5px;transition:color .3s ease}.present-name{color:#11e4c4}.absent-name{color:red}.students-container{background-color:#007bff;direction:rtl;font-family:MainFont;margin:0 auto;max-width:1200px;padding:20px}.loading{color:#007bff;font-family:MainFont;font-size:1.5rem;text-align:center}.students-list{grid-gap:20px;display:grid;font-family:MainFont;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.student-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;font-family:MainFont;padding:20px;transition:transform .3s ease}.student-card:hover{transform:translateY(-5px)}.student-card-header{display:flex;justify-content:space-between;margin-bottom:15px}.student-card-header h2{color:#007bff;font-family:MainFont;font-size:1.25rem;margin:0}.student-card-header p{color:#007bff;font-family:MainFont;font-size:1rem;margin:0}.student-card-body{color:#555;font-family:MainFont;font-size:1rem}.student-card-body p{margin:8px 0}ul{margin:0;padding-left:20px}ul li{color:#555;font-family:MainFont;font-size:.95rem}@media (max-width:768px){.students-list{grid-template-columns:1fr 1fr}}@media (max-width:480px){.students-list{grid-template-columns:1fr}}
/*# sourceMappingURL=main.08f534dd.css.map*/