@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}:root{--primary-color:#f8b331;--panel-color:#fff;--text-color:#000;--black-light-color:#939191;--white-color:#e2f6c2;--border-color:#e6e5e5;--toggle-color:#7d7878;--box1-color:#4da3ff;--box2-color:#ffe6ac;--box3-color:#e7d1fc;--title-icon-color:#fff;--tran-05:all 0.5s ease;--tran-03:all 0.3s ease;--tran-02:all 0.2s ease}body{background-color:#fff;background-color:var(--panel-color);max-height:100vh}body.dark{--primary-color:#f8b331;--panel-color:#242526;--text-color:#ccc;--black-light-color:#ccc;--border-color:#4d4c4c;--toggle-color:#fff;--box1-color:#3a3b3c;--box2-color:#3a3b3c;--box3-color:#3a3b3c;--title-icon-color:#ccc;--white-color:#324132}#preloader{align-items:center;background-color:#fff;background-color:var(--panel-color);display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;text-align:center;width:100%;z-index:99}.jumper{height:20px;width:100%}.jumper,.jumper div{display:inline-block}.jumper div{animation:jump 1s ease-in-out infinite;background-color:#f8b331;background-color:var(--primary-color);border-radius:50%;height:100%;width:20px}.jumper div:nth-child(2){animation-delay:.2s}.jumper div:nth-child(3){animation-delay:.4s}@keyframes jump{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}nav{background-color:#fff;background-color:var(--panel-color);border-right:1px solid #e6e5e5;border-right:1px solid var(--border-color);height:100vh;left:0;overflow-x:hidden;overflow-y:auto;padding:10px 14px;position:fixed;top:0;transition:all .5s ease;transition:var(--tran-05);width:250px}nav.close{width:73px}nav .logo-name{align-items:center;display:flex}nav .logo-image{display:flex;justify-content:center;min-width:45px}nav .logo-image img{border-radius:50%;object-fit:cover;width:40px}nav .logo-name .logo_name{color:#000;color:var(--text-color);font-size:22px;font-weight:600;margin-left:14px;transition:all .5s ease;transition:var(--tran-05);white-space:nowrap}nav.close .logo_name{opacity:0;pointer-events:none;width:73px}nav .menu-items{display:flex;flex-direction:column;height:calc(100% - 90px);justify-content:space-between;margin-top:40px}.menu-items li{list-style:none}.menu-items li a{align-items:center;cursor:pointer;display:flex;height:60px;position:relative;text-decoration:none}.nav-links li a:hover:before{background-color:#f8b331;background-color:var(--primary-color);border-radius:50%;content:"";height:5px;left:-7px;position:absolute;transition:all .5s ease;transition:var(--tran-05);width:5px}body.dark li a:hover:before{background-color:#000;background-color:var(--text-color)}.menu-items li a i{align-items:center;color:#939191;color:var(--black-light-color);display:flex;font-size:24px;height:100%;justify-content:center;min-width:45px}.menu-items li a .link-name{color:#939191;color:var(--black-light-color);font-size:18px;font-weight:400}nav.close li a .link-name{opacity:0;pointer-events:none;width:73px}.logout-mode li a:hover .link-name,.logout-mode li a:hover i,.nav-links li a:hover .link-name,.nav-links li a:hover i{color:#f8b331;color:var(--primary-color)}.menu-items .logout-mode{border-top:1px solid #e6e5e5;border-top:1px solid var(--border-color);padding-top:10px}.menu-items .mode{align-items:center;display:flex;white-space:nowrap}.menu-items .mode-toggle{align-items:center;cursor:pointer;display:flex;height:50px;justify-content:center;min-width:45px;position:absolute;right:14px}.mode-toggle .switch{background-color:#7d7878;background-color:var(--toggle-color);border-radius:25px;display:inline-block;height:22px;position:relative;width:40px}.switch:before{background-color:#fff;background-color:var(--panel-color);border-radius:50%;content:"";height:15px;left:5px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;transition:var(--tran-03);width:15px}body.dark .switch:before{left:20px}.panel{background-color:#fff;background-color:var(--panel-color);height:100vh;left:250px;padding:10px 14px;position:relative;transition:all .5s ease;transition:var(--tran-05);width:calc(100% - 250px)}nav.close~.panel{left:73px;width:calc(100% - 73px)}.panel .top{align-items:center;background-color:#fff;background-color:var(--panel-color);display:flex;justify-content:space-between;left:250px;padding:10px 14px;position:fixed;top:0;transition:all .5s ease;transition:var(--tran-05);width:calc(100% - 250px);z-index:9}nav.close~.panel .top{left:73px;width:calc(100% - 73px)}.panel .top .sidebar-toggle{color:#000;color:var(--text-color);cursor:pointer;font-size:26px}.panel .top .search-box{height:45px;margin:0 30px;max-width:600px;position:relative;width:100%}.top .search-box input{background-color:#fff;background-color:var(--panel-color);border:1px solid #e6e5e5;border:1px solid var(--border-color);border-radius:5px;color:#000;color:var(--text-color);font-size:15px;font-weight:400;height:100%;outline:none;padding:0 25px 0 50px;position:absolute}.top .search-box i{color:#939191;color:var(--black-light-color);font-size:22px;left:15px;position:absolute;top:50%;transform:translateY(-50%);z-index:9}.top img{border-radius:50%;width:40px}@media (max-width:1000px){nav{width:73px}nav.close{width:250px}nav .logo_name{opacity:0;pointer-events:none}nav.close .logo_name{opacity:1;pointer-events:auto}nav li a .link-name{opacity:0;pointer-events:none}nav.close li a .link-name{opacity:1;pointer-events:all}nav~.panel{left:73px;width:calc(100% - 73px)}nav.close~.panel{left:250px;width:calc(100% - 250px)}nav~.panel .top{left:73px;width:calc(100% - 73px)}nav.close~.panel .top{left:250px;width:calc(100% - 250px)}}@media (max-width:600px){nav{width:73px}nav.close{width:73}nav .logo_name,nav li a .link-name,nav.close .logo_name,nav.close li a .link-name{opacity:0;pointer-events:none}nav.close~.panel,nav.close~.panel .top,nav~.panel,nav~.panel .top{left:73px;width:calc(100% - 73px)}.activity .activity-data{overflow:auto}.panel .top .search-box input{width:100%}.panel .top .sidebar-toggle{display:none}}.loading-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading-content,.loading-overlay{align-items:center;display:flex;justify-content:center}.loading-content{flex-direction:column}.loading-circle{animation:spin 2s linear infinite;border:10px solid #ccc;border-radius:50%;border-top-color:#3498db;height:50px;margin-bottom:10px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-content p{color:var(--text-color);font-size:18px;font-weight:bolder}.component-box{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.component-box .box{align-items:center;background-color:var(--box2-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;max-width:600px;padding:15px 20px;transition:var(--tran-03)}.component-box .box i{color:var(--text-color);font-size:35px}.component-box .box .text{font-size:18px}.component-box .box .number,.component-box .box .text{color:var(--text-color);font-weight:500;white-space:nowrap}.component-box .box .number{font-size:40px}.popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-content{background:#fff;border-radius:5px;padding:20px;position:relative}.popup-close{background:none;border:none;cursor:pointer;font-size:xx-large;font-weight:bolder;position:absolute;right:5px;top:-5px;transition:all .2s ease-in-out}.popup-close:hover{transform:scale(1.2)}.empty{color:var(--text-color);display:flex;font-size:larger;font-weight:bolder;justify-content:center;width:100%}.copyable-url{align-items:center;border:1px solid #ccc;border-radius:5px;display:flex;justify-content:space-between;padding:5px}.copyable-url input{border:none;border-radius:5px;flex:1 1;margin-right:5px;outline:none;padding:5px}.copyable-url button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px;transition:background-color .3s ease}.copyable-url button:hover{background-color:#0056b3}form{align-items:center;gap:10px}form,form .input{display:flex;flex-direction:column;justify-content:center}form .input{border:none;width:100%}form .input input{border:2px solid var(--primary-color);border-radius:10px;color:#000;padding:5px 10px;width:100%}form button,form label{font-weight:bolder}form button{background-color:var(--primary-color);border-radius:10px;cursor:pointer;padding:5px 10px;transition:all all .5s ease-in-out}form button:hover{transform:scale(1.1)}.response .message{background-color:#b6ffb6;color:green}.response .error,.response .message{border-radius:10px;font-size:larger;font-weight:bolder;padding:5px 10px;position:relative}.response .error{background-color:#ffb6b6;color:red}.dashboard .dash-content{padding-top:50px}.dash-content .title{align-items:center;display:flex;margin:70px 0 30px}.dash-content .title i{align-items:center;background-color:var(--primary-color);border-radius:6px;color:#000;display:flex;font-size:24px;height:35px;justify-content:center;position:relative;width:35px}.dash-content .title .text{color:var(--text-color);font-size:24px;font-weight:500;margin-left:10px}.dash-content .boxes{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.dash-content .boxes .box{align-items:center;background-color:var(--box1-color);border-radius:12px;display:flex;flex:1 1;flex-direction:column;max-width:600px;padding:15px 20px;transition:var(--tran-03)}.dash-content .activity .activity-data{align-items:center;display:flex;justify-content:space-between;width:100%}.activity-data .data{overflow-y:auto}.tests .tests-content{padding-top:50px}.tests-content .title{align-items:center;display:flex;margin:70px 0 10px}.tests-content .title i{align-items:center;background-color:var(--primary-color);border-radius:6px;color:#000;display:flex;font-size:24px;height:35px;justify-content:center;position:relative;width:35px}.tests-content .title .text{color:var(--text-color);font-size:24px;font-weight:500;margin-left:10px}.activity .tests-data{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;overflow-y:auto}.tests-data .notify{background-color:var(--white-color);color:var(--text-color);margin:auto;padding:10px 25px}.activity .activity-data,.tests-data .notify{display:flex;justify-content:space-between;width:100%}.activity .activity-data{align-items:center}.students .students-content{padding-top:50px}.students-content .title{align-items:center;display:flex;margin:70px 0 30px}.students-content .search-tools{align-items:center;display:flex;justify-content:space-between;width:40%}.students-content .title i{align-items:center;background-color:var(--primary-color);border-radius:6px;color:#000;display:flex;font-size:24px;height:35px;justify-content:center;position:relative;width:35px}.students-content .title .text{color:var(--text-color);font-size:24px;font-weight:500;margin-left:10px}.students-content .boxes{align-items:center;display:flex;justify-content:center}.students-content .boxes .box{align-items:center;background-color:var(--box1-color);border-radius:12px;display:flex;flex:1 1;flex-direction:column;max-width:600px;padding:15px 20px;transition:var(--tran-03)}.boxes .box i{color:var(--text-color);font-size:35px}.boxes .box .text{font-size:18px}.boxes .box .number,.boxes .box .text{color:var(--text-color);font-weight:500;white-space:nowrap}.boxes .box .number{font-size:40px}.boxes .box.box2{background-color:var(--box2-color)}.boxes .box.box3{background-color:var(--box3-color)}.students-content .activity .activity-data{align-items:center;display:flex;justify-content:space-between;overflow:auto;width:100%}.activity-data .data{display:flex;flex-direction:column;margin:0 15px}.activity-data .data-title{color:var(--text-color);font-size:20px;font-weight:500}.activity-data .data .data-list{align-items:center;color:var(--text-color);display:flex;font-size:18px;font-weight:400;gap:5px;margin-top:20px;white-space:nowrap}.activity-data .status .data-list{background-color:var(--primary-color);border-radius:5px;color:#000;cursor:pointer;padding:0 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.data-list img{border-radius:50%;width:30px}.students-content .search-tools .search .input{border:1px solid var(--text-color);border-radius:15px;display:flex;justify-content:space-between;padding:3px 5px;width:100%}.input input{background:none;border:none;color:var(--text-color);font-size:medium;outline:none;width:95%}.input button{background-color:var(--primary-color);border:none;border-radius:50%;cursor:pointer;font-size:larger;padding:3px 8px}.students-content .search-tools .search{align-items:center;border-radius:15px;box-shadow:0 0 10px;color:var(--text-color);display:flex;justify-content:space-between;width:100%}.search select{border-radius:15px;font-size:medium;font-weight:bolder;outline:none}.notification .notification-content{padding-top:50px}.notification-content .title{align-items:center;display:flex;margin:70px 0 10px}.search-tools{align-items:center;display:flex;justify-content:space-between}.notification-content .title i{align-items:center;background-color:var(--primary-color);border-radius:6px;color:#000;display:flex;font-size:24px;height:35px;justify-content:center;position:relative;width:35px}.notification-content .title .text{color:var(--text-color);font-size:24px;font-weight:500;margin-left:10px}.activity .notification-data{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;overflow-y:auto}.notification-data .notify{background-color:var(--white-color);border-radius:10px;color:var(--text-color);display:flex;justify-content:space-between;margin:auto;padding:10px 25px;width:100%}.notify .info{align-items:center;display:flex;gap:10px}.info img{border-radius:50%;width:35px}.info .name{font-weight:bolder}.info .message{font:caption}.notify .time{color:var(--black-light-color)}.search input{border-radius:15px;font-weight:bolder;outline:none;padding:5px}@media (max-width:800px){.search,.search-tools{flex-wrap:wrap;justify-content:space-around}}.login_main__Hehpl{background-color:var(--primary-color);height:100vh;position:fixed;width:100%}.login_container__U3OJQ{background-color:#fff;border-radius:20px;box-shadow:0 0 30px;margin:25vh auto auto;max-width:500px;padding:20px;text-align:center;-webkit-user-select:none;user-select:none}.login_container__U3OJQ:hover{box-shadow:0 0 15px}.login_container__U3OJQ h2{color:#000;font-family:sans-serif;font-weight:bolder}.login_container__U3OJQ p{color:var(--primary-color);font-family:sans-serif;font-weight:bolder}.login_container__U3OJQ .login_box__G\+Pi2{display:flex;flex-direction:column;gap:10px;margin-top:10px;width:100%}.login_container__U3OJQ .login_input__rxvv9{align-items:center;border:2px solid var(--primary-color);border-radius:10px;display:flex;justify-content:space-between;padding:5px}.login_container__U3OJQ .login_input__rxvv9 i{color:#8a2be2;cursor:pointer;font-size:large}.login_container__U3OJQ .login_box__G\+Pi2 input{border:none;font-size:large;outline:none;width:92%}.login_container__U3OJQ .login_box__G\+Pi2 button{background-color:var(--primary-color);border:none;color:#fff;font-weight:bolder;justify-content:center}.login_container__U3OJQ .login_box__G\+Pi2 button:hover{background-color:#dbb300}.login_container__U3OJQ .login_box__G\+Pi2 p{color:gray;font-weight:400}.login_container__U3OJQ .login_message__TCvLb p{background-color:#c8fdb9;border-radius:5px;color:green;font-weight:400;margin:5px auto;padding:5px;width:90%}.login_container__U3OJQ .login_error__1TAtf p{background-color:#fdb9b9;border-radius:5px;color:red;font-weight:400;margin:5px auto;padding:5px;width:90%}.main{background-color:var(--primary-color);height:100vh;position:fixed;width:100%}.container-box{background-color:#fff;border-radius:20px;box-shadow:0 0 30px;margin:25vh auto auto;max-width:500px;padding:20px;text-align:center;-webkit-user-select:none;user-select:none}.container-box:hover{box-shadow:0 0 15px}.container-box h2{color:#000}.container-box h2,.container-box p{font-family:sans-serif;font-weight:bolder}.container-box p{color:var(--primary-color)}.container-box .box{display:flex;flex-direction:column;gap:10px;margin-top:10px;width:100%}.container-box .inputs{align-items:center;border:2px solid var(--primary-color);border-radius:10px;display:flex;justify-content:space-between;padding:5px;width:100%}.container-box .inputs i{color:#8a2be2;cursor:pointer;font-size:large}.container-box .box input{border:none;font-size:large;outline:none;width:92%}.container-box .box button{background-color:var(--primary-color);border:none;color:#fff;font-weight:bolder;justify-content:center}.container-box .box button:hover{background-color:#dbb300}.container-box .box p{color:gray;font-weight:400}.container-box .message p{background-color:#fdb9b9;color:red}.container-box .message p,.container-box .smessage p{border-radius:5px;font-weight:400;margin:5px auto;padding:5px;width:100%}.container-box .smessage p{background-color:#c2fdb9;color:green}.error{background-color:var(--primary-color);height:100%;position:fixed;width:100%}.error,.inner-div{align-items:center;display:flex;flex-direction:column;justify-content:center}.inner-div{background-color:var(--panel-color);border-radius:30px;box-shadow:0 0 50px;color:var(--text-color);gap:20px;padding:50px}.inner-div h1{font-size:6vw}.inner-div h2{font-size:3vw}.inner-div .btn{background-color:blue;border:none;border-radius:50px;color:#fff;font-weight:bolder;padding:10px 30px;text-decoration:none;transition:all .2s ease-in-out}.inner-div .btn:hover{background-color:#7d7d81}
/*# sourceMappingURL=main.6dfb72d2.css.map*/