*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;background-color:#f9f7fd;color:#2e1a47;font-family:Open Sans,sans-serif;height:100%;line-height:1.6}h1,h2,h3,h4,h5,h6{color:#6a1b9a;font-family:Poppins,sans-serif;font-weight:600;margin-bottom:.5em}p{color:#2e1a47;font-size:1rem;margin-bottom:1em}a{color:#6a1b9a;text-decoration:none;transition:all .3s ease}a:hover{color:#5f188b}button:hover{transform:translateY(-4px)}button,input[type=submit]{background:#6a1b9a;border:none;border-radius:10px;box-shadow:0 2px 6px #00000014;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;padding:.5em 1.2em;transition:all .3s ease}button:hover,input[type=submit]:hover{background:#63198f}button:disabled,input[type=submit]:disabled{background:#8722c4;box-shadow:none;cursor:not-allowed}button.special,input[type=submit].special{background:none;box-shadow:none;color:#6a1b9a;padding:.5rem}.card,button.special:hover,input[type=submit].special:hover{box-shadow:0 2px 6px #00000014}.card{background:#fff;border-radius:10px;margin-bottom:1.5rem;padding:1.5rem}input,select,textarea{border:1px solid #a649df;border-radius:10px;color:#000;font-family:Open Sans,sans-serif;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#6a1b9a;box-shadow:0 0 0 2px #6a1b9a26;outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:#6a1b9a66;border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:#6a1b9a99}.welcome-page{align-items:center;animation:fadeInUp .8s ease forwards;background:#f9f7fd;color:#2e1a47;display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh;opacity:0;padding:5rem 1.5rem 2rem;position:relative;text-align:center;transform:translateY(30px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.welcome-page{background:linear-gradient(180deg,#f9f7fd 60%,#fff);border-radius:20px;box-shadow:0 10px 30px #0000000d;margin:4rem auto;max-width:600px;padding:4rem 3rem}}.welcome-page .install-banner{align-items:center;background:linear-gradient(135deg,#6a1b9a,#4a148c);box-shadow:0 2px 10px #0003;color:#fff;display:flex;justify-content:space-between;left:0;padding:12px 20px;position:fixed;right:0;top:0;z-index:1000}.welcome-page .install-banner .banner-content{flex:1 1}.welcome-page .install-banner .banner-content .banner-title{display:block;font-size:14px;font-weight:700}.welcome-page .install-banner .banner-content .banner-subtitle{font-size:12px;opacity:.9}.welcome-page .install-banner .banner-actions{align-items:center;display:flex;gap:10px}.welcome-page .install-banner .banner-actions .install-button{background:#fff;border:none;border-radius:20px;color:#6a1b9a;cursor:pointer;font-size:14px;font-weight:700;min-width:80px;padding:8px 20px;transition:all .2s}.welcome-page .install-banner .banner-actions .install-button:hover{background:#f0e6ff;transform:scale(1.05)}.welcome-page .install-banner .banner-actions .close-banner-button{align-items:center;background:#0000;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;width:30px}.welcome-page .install-banner .banner-actions .close-banner-button:hover{background:#ffffff1a}.welcome-page .welcome-content{align-items:center;display:flex;flex-direction:column;width:90%}.welcome-page .welcome-content.with-banner{padding-top:80px;transition:padding-top .3s}.welcome-page .welcome-content .welcome-logo{margin-bottom:1rem;width:5rem}.welcome-page .welcome-content h1{color:#6a1b9a;font-size:2rem;font-weight:700;letter-spacing:-.5px;line-height:1.3;margin-bottom:.75rem}@media(min-width:768px){.welcome-page .welcome-content h1{font-size:2.6rem}}.welcome-page .welcome-content h2{color:#2e1a47bf;font-family:Open Sans,sans-serif;font-size:1.1rem;font-weight:400;margin-bottom:2rem}.welcome-page .welcome-content .role-buttons{align-items:center;display:flex;flex-direction:column;margin-top:3rem;width:100%}.welcome-page .welcome-content .role-buttons button{background:linear-gradient(135deg,#6a1b9a,#8e24aa);border:none;border-radius:8px;box-shadow:0 4px 10px #6a1b9a40;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-weight:600;justify-content:center;margin:.5rem 0;padding:.85rem 1.8rem;transition:all .25s ease;width:100%}.welcome-page .welcome-content .role-buttons button:hover{box-shadow:0 6px 14px #6a1b9a59}.welcome-page .welcome-content .role-buttons button ion-icon{font-size:1.2rem;margin-left:.5rem}@media(min-width:600px){.welcome-page .welcome-content .role-buttons button{padding:.9rem 2rem}}.welcome-page .welcome-content .support-link{bottom:1rem;color:#2e1a47;position:absolute;right:2rem;text-decoration:underline}.welcome-page .welcome-content .support-link:hover{color:#6a1b9a}#login>*{text-align:center}#login button.special{margin-top:1rem}#login button.special ion-icon{font-size:1.2rem}#login h2{margin:1rem auto}#login>img{border:3px solid #f9f7fd;border-radius:50%;box-shadow:0 2px 6px #00000014;padding:.8rem;width:7rem}#login input,#login>img{display:block;margin:1rem auto}#login input{max-width:60rem;text-align:left;width:90%}#login>button.normal{display:block;margin:2rem auto;max-width:50rem;padding:.8rem;width:70%}@media(min-width:600px){#login>img,#login>input,#login>p{margin-bottom:3rem}}#loading{align-items:center;display:flex;height:100vh;justify-content:center}.three-body{--uib-size:35px;--uib-speed:0.8s;--uib-color:#6a1b9a;animation:spin78236 calc(var(--uib-speed)*2.5) infinite linear;display:inline-block;height:var(--uib-size);position:relative;width:var(--uib-size)}.three-body__dot{height:100%;position:absolute;width:30%}.three-body__dot:after{background-color:var(--uib-color);border-radius:50%;content:"";height:0;padding-bottom:100%;position:absolute;width:100%}.three-body__dot:first-child{bottom:5%;left:0;transform:rotate(60deg);transform-origin:50% 85%}.three-body__dot:first-child:after{animation:wobble1 var(--uib-speed) infinite ease-in-out;animation-delay:calc(var(--uib-speed)*-.3);bottom:0;left:0}.three-body__dot:nth-child(2){bottom:5%;right:0;transform:rotate(-60deg);transform-origin:50% 85%}.three-body__dot:nth-child(2):after{animation:wobble1 var(--uib-speed) infinite calc(var(--uib-speed)*-.15) ease-in-out;bottom:0;left:0}.three-body__dot:nth-child(3){bottom:-5%;left:0;transform:translateX(116.666%)}.three-body__dot:nth-child(3):after{animation:wobble2 var(--uib-speed) infinite ease-in-out;left:0;top:0}@keyframes spin78236{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes wobble1{0%,to{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.8;transform:translateY(-66%) scale(.65)}}@keyframes wobble2{0%,to{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.8;transform:translateY(66%) scale(.65)}}#student{position:relative}#student header{box-shadow:0 2px 6px #00000014}#student header h1{font-size:1.5rem;padding:1rem;text-align:center;text-transform:capitalize}#student>p{font-size:.95rem;font-style:italic;margin-bottom:5rem;padding:.5rem;text-transform:capitalize}#student .fx-block{position:absolute;right:0;scale:.6;top:8rem}#student .filters{padding:1rem;width:100%}#student .filters label{display:block;font-size:.9rem;font-weight:700;margin-bottom:.3rem}#student .filters select{border:1px solid #e0e0e0;border-radius:10px;font-size:.9rem;padding:.4rem;width:100%}#student .filters select:first-of-type{text-transform:capitalize}#student .student-buttons{display:flex;gap:1rem;justify-content:center;margin:5rem 1rem}#student .student-buttons button{border:none;border-radius:10px;cursor:pointer;font-size:.9rem;padding:.7rem;transition:all .3s ease;width:9rem}#student .actual-result{background-color:#fff;height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:10}#student .actual-result img{border:1px solid #ccc;display:block;height:auto;margin:2rem auto 0;width:90%}#student .actual-result button{display:block;margin:1rem auto;padding:.6rem 1.2rem}.toggle>div{background:linear-gradient(180deg,#bdbfc1 0,#f9fbfe);border-radius:50px;box-shadow:0 -1px 1px 0 #00000080,0 1px 1px 0 #fff;height:75px;padding:10px;position:relative;width:150px}.toggle>div>input[type=checkbox]{height:55px;left:17px;opacity:0;position:absolute;top:-3px;width:130px;z-index:5}.toggle>div>input[type=checkbox]~div{background:linear-gradient(90deg,#fdfcfb 37%,#e5e5e5 61%);border:1px solid #979797;border-radius:50px;height:55px;width:130px}.toggle>div>input[type=checkbox]:checked~div{background:linear-gradient(90deg,#e5e5e5 39%,#fdfcfb 63%)}.toggle>div>input[type=checkbox]~div:before{content:attr(data-unchecked);left:30px;position:absolute;top:27px}.toggle>div>input[type=checkbox]~div:after{color:#6a1b9a;content:attr(data-checked);left:100px;position:absolute;top:27px}.toggle>div>input[type=checkbox]:checked~div:before{color:#6a1b9a}.toggle>div>input[type=checkbox]:checked~div:after{color:#000}@media(min-width:768px){#student header h1{font-size:2rem}#student>p{font-size:1.1rem;margin-bottom:3rem;text-align:center}#student .filters{margin:0 auto;max-width:30rem}#student .filters label{font-size:1rem}#student .filters select{font-size:1rem;padding:.55rem}#student .student-buttons button{font-size:1rem;padding:.8rem 1.3rem}}@media(min-width:1024px){#student header h1{font-size:2.3rem}#student>p{font-size:1.2rem}#student .filters{max-width:40rem}#student .student-buttons{gap:14rem}#student .student-buttons button{width:12rem}#student .actual-result img{max-width:700px}}#owner-login{height:100vh;width:100%}#owner-login,#owner-login>div{align-items:center;display:flex;justify-content:center}#owner-login>div{flex-direction:column;height:50vh;width:50vw}#owner-login>div>button{margin-top:1rem;padding:.8rem;width:30%}#owner h1{margin-left:2rem}#owner h2{text-align:center;text-decoration:underline;text-underline-offset:.5rem}#owner .check-all{display:flex;font-size:1.3rem;font-weight:700;gap:1rem;justify-content:right;margin:1rem auto;width:80%}#owner .check-all input{width:2%}#owner .check-all input:focus{box-shadow:none}#owner ol>li{border-bottom:1px solid #dcdcdc;display:grid;grid-template-columns:12% 40% 12% 12% 12% 12%;margin:0 auto;padding:1rem 0;width:80%}#owner ol>li:first-child{font-weight:700}#owner ol>li>span:nth-child(2){text-transform:capitalize}#owner ol>li span:last-child,#owner ol>li>span:nth-child(3),#owner ol>li>span:nth-child(4){text-align:center}#owner ol>li input:focus{box-shadow:none}#owner ol>li button{background-color:red;width:fit-content}#owner .buttons{display:flex;gap:3rem;margin:5rem auto;width:50%}#owner .buttons>*{flex-grow:1;font-size:1rem;padding:.5rem 0}#teacher-header{align-items:center;background:linear-gradient(135deg,#6a11cb,#a4508b);box-shadow:0 2px 6px #0003;color:#fff;display:flex;font-weight:600;height:4rem;justify-content:center;left:0;letter-spacing:.5px;overflow:hidden;position:fixed;text-align:center;text-transform:capitalize;top:0;transition:all .3s ease;width:100%;z-index:1000}@media(min-width:600px){#teacher-header{font-size:1.1rem}}@media(min-width:1024px){#teacher-header{font-size:1.5rem;height:4.5rem}}#student-list{background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;margin:0 auto;max-width:600px;min-height:100vh;padding-bottom:.1rem;position:relative;top:4rem;transition:all .3s ease}#student-list>.teacher-welcome{color:#6a1b9a;display:block;font-family:Poppins,sans-serif;font-weight:600;padding:4rem 0 .7rem;text-align:center}#student-list p{color:#7e57c2;font-style:italic;margin:0 0 2rem;text-align:center}#student-list p span{text-transform:capitalize}#student-list h3{color:#6a1b9a;margin-bottom:1.5rem;text-align:center}#student-list ol{list-style:decimal;margin:0 auto;max-width:90%;padding-left:2rem}#student-list ol li{border-bottom:1px dashed #e0e0e0;color:#2e1a47;cursor:pointer;font-weight:500;margin-bottom:.7rem;padding:.3rem 0;text-transform:capitalize;transition:all .3s ease}#student-list ol li:hover{border-bottom-color:#6a1b9a;color:#6a1b9a;transform:translateX(4px)}#student-list .pages{align-items:center;display:flex;flex-wrap:nowrap;gap:.6rem;justify-content:center;margin:2rem auto 0}#student-list .pages .arrow,#student-list .pages .page-numbers{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:50%;box-shadow:0 2px 6px #00000014;color:#6a1b9a;cursor:pointer;display:flex;font-weight:600;height:35px;justify-content:center;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:35px}#student-list .pages .arrow:hover,#student-list .pages .page-numbers:hover{background:#6a1b9a;color:#fff;transform:translateY(-3px)}#student-list .pages .page-numbers.active{background:#fff;border:2px solid #7e57c2;color:#6a1b9a;transition:all .3s ease}#student-list .pages .arrow{color:#7e57c2;font-size:1.2rem;font-weight:700}#student-list .pages .arrow.disabled{cursor:default;opacity:.4;pointer-events:none}#student-list button{display:block;font-size:1rem;margin:3rem auto;padding:.8rem;width:10rem}#student-result{min-height:100vh;width:100%}#student-result .special{background:none;color:#fff;font-size:1.5rem;padding:.2rem 0 0 .7rem;position:fixed;top:1rem;z-index:1000}#student-result .actual-result{align-items:center;display:flex;flex-direction:column;margin:1rem;padding-top:4rem;text-align:center}#student-result .actual-result img{border-radius:10px;box-shadow:0 2px 6px #00000014;height:auto;max-width:90%}#student-result .actual-result button{border-radius:10px;cursor:pointer;font-weight:600;margin:2rem auto;max-width:6rem;padding:.6rem 1.2rem;transition:all .3s ease}#student-result .actual-result button:hover{opacity:.9;transform:translateY(-2px)}#student-result .result-form{margin:0 auto;padding-top:4rem;width:90%}#student-result .result-form.invincible{display:none}#student-result .result-form>div{background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;display:grid;grid-template-columns:auto auto;justify-items:center;margin:2rem 0;transition:all .3s ease}#student-result .result-form>div:hover{transform:scale(1.04)}#student-result .result-form>div h3{background-color:#f9f7fd;color:#2e1a47;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;grid-column:1/3;padding:1rem;text-transform:capitalize;width:100%}#student-result .result-form>div .subject-grade{display:flex;flex-direction:column;padding:.8rem 1rem;width:100%}#student-result .result-form>div .subject-grade label{color:gray;font-size:.8rem;padding-left:.7rem;text-transform:capitalize}#student-result .result-form>div .subject-grade select{background:#fff;border:1px solid #e0e0e0;border-radius:10px;font-size:.9rem;padding:.45rem;transition:all .3s ease;width:100%}#student-result .result-form>div .subject-grade select:focus{border-color:#6a1b9a;outline:none}#student-result .result-form>div>div:last-child{display:flex;grid-column:1/3;justify-content:space-between;padding:1rem;width:90%}#student-result .result-form>div>div:last-child>div{align-items:center;display:flex;gap:1rem}#student-result .result-form>div>div:last-child>div>span:first-child{font-size:.8rem}#student-result .result-form>div>div:last-child>div>span:last-child{color:#6a1b9a;font-size:1.1rem;font-weight:600}#student-result .result-form .extra-details{display:flex;flex-direction:column;padding:1rem}#student-result .result-form .extra-details label{font-weight:700}#student-result .result-form>button{margin-bottom:1rem;padding:.8rem;width:100%}#student-result .result-form>button:disabled{background:#7e57c2;cursor:not-allowed}#student-result .result-form>button:hover:enabled{background:#fff;color:#6a1b9a}#admin-login,#signup{align-items:center;background:#f9f7fd;display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh;padding:1.5rem;position:relative}#admin-login header,#signup header{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#f9f7fdfa,#f9f7fdeb);box-shadow:0 2px 10px #0000000f;display:flex;justify-content:space-between;left:0;padding:.75rem 1.25rem;position:fixed;right:0;top:0;z-index:10}#admin-login header img,#signup header img{height:56px;width:56px}#admin-login form,#signup form{background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;display:flex;flex-direction:column;gap:1.1rem;margin-top:6rem;max-width:380px;padding:2rem 1.5rem;transition:all .3s ease;width:100%}#admin-login form h2,#signup form h2{color:#6a1b9a;font-size:1.4rem;font-weight:600;margin-bottom:1rem;text-align:center}#admin-login form label,#signup form label{color:#2e1a47;font-size:.9rem;font-weight:500}#admin-login form input,#signup form input{border:1px solid #e0e0e0;border-radius:10px;font-family:Open Sans,sans-serif;font-size:1rem;padding:.75rem;transition:all .3s ease}#admin-login form input:focus,#signup form input:focus{border-color:#6a1b9a;box-shadow:0 0 0 3px #6a1b9a1f}#admin-login form .password-input,#signup form .password-input{position:relative}#admin-login form .password-input ion-icon,#signup form .password-input ion-icon{color:#6a1b9a;cursor:pointer;font-size:1.15rem;position:absolute;right:.9rem;top:50%;transform:translateY(-50%)}#admin-login form button[type=submit],#signup form button[type=submit]{background:linear-gradient(135deg,#6a1b9a,#8e24aa);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:.75rem;padding:.9rem;transition:all .3s ease}#admin-login form button[type=submit]:hover,#signup form button[type=submit]:hover{filter:brightness(1.1)}#admin-login .switcher,#signup .switcher{color:#2e1a47;font-family:Open Sans,sans-serif;font-size:.9rem;margin-top:1.5rem}#admin-login .switcher a,#signup .switcher a{color:#6a1b9a;font-weight:600;text-decoration:none}#admin-login .switcher a:hover,#signup .switcher a:hover{text-decoration:underline}#admin-login .support,#signup .support{bottom:1rem;color:#2e1a47;font-size:.85rem;position:absolute;right:2rem;text-decoration:underline}@media(min-width:768px){#admin-login,#signup{padding:3rem}#admin-login header,#signup header{box-shadow:0 4px 14px #00000014;padding:1rem 3rem}#admin-login header img,#signup header img{height:64px;width:64px}#admin-login form,#signup form{gap:1.25rem;max-width:480px;padding:3rem 2.5rem}#admin-login form h2,#signup form h2{font-size:1.75rem}#admin-login form label,#signup form label{font-size:1rem}#admin-login form input,#signup form input{font-size:1.1rem;padding:.9rem}#admin-login form button[type=submit],#signup form button[type=submit]{font-size:1.1rem;padding:1rem}#admin-login .switcher,#signup .switcher{font-size:1.05rem;font-weight:500}#admin-login .support,#signup .support{font-size:1rem;font-weight:500}}@media(min-width:1024px){#admin-login form,#signup form{max-width:540px;padding:3.5rem 3rem}#admin-login form h2,#signup form h2{font-size:1.9rem}#admin-login form button[type=submit],#admin-login form input,#signup form button[type=submit],#signup form input{font-size:1.15rem}#admin-login .switcher,#signup .switcher{font-size:1.15rem;font-weight:600}#admin-login .support,#signup .support{font-size:1.05rem;font-weight:600}}#signup{padding-top:6.5rem}#admin-header{font-family:Poppins,sans-serif;position:relative}#admin-header .menu-bar{align-items:center;background:#fff;box-shadow:0 2px 6px #00000014;display:flex;justify-content:space-between;padding:1rem 1.2rem}#admin-header .menu-bar h2{color:#6a1b9a;font-size:1.2rem;font-weight:600;margin:0;text-transform:capitalize}#admin-header .menu-bar ion-icon{color:#2e1a47;cursor:pointer;font-size:1.8rem;transition:all .3s ease}#admin-header .menu-bar ion-icon:hover{color:#6a1b9a}#admin-header .options{background:#6a1b9a;color:#fff;display:flex;flex-direction:column;gap:1.2rem;height:100vh;left:-260px;padding:1.5rem 1.2rem;position:fixed;top:0;transition:all .3s ease;width:260px;z-index:2000}#admin-header .options .top{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.8rem}#admin-header .options .top h3{color:#fff;font-size:1.3rem;margin:0}#admin-header .options .top ion-icon{cursor:pointer;font-size:2rem}#admin-header .options a{align-items:center;border-radius:10px;color:#ffffffc7;display:flex;font-size:.95rem;gap:.7rem;padding:.65rem .6rem;text-decoration:none;transition:all .3s ease}#admin-header .options a ion-icon{color:inherit;font-size:1.35rem}#admin-header .options a.active{background:#ffffff2e;color:#fff}#admin-header .options a:hover{background:#ffffff40;color:#fff}#admin-header.open .options{left:0}@media(min-width:1024px){#admin-header{display:grid;grid-template-columns:320px 1fr;min-height:100vh}#admin-header .options{grid-row:1/span 2;height:auto;left:0;min-height:100vh;padding:2.5rem 1.8rem;position:relative;transition:none;width:100%}#admin-header .options .top{margin-bottom:2.5rem}#admin-header .options .top h3{font-size:1.6rem}#admin-header .options .top ion-icon{display:none}#admin-header .options a{font-size:1.2rem;padding:.75rem .8rem}#admin-header .options a ion-icon{font-size:1.5rem}#admin-header .menu-bar{border-bottom:1px solid #e0e0e0;box-shadow:none;grid-column:2}#admin-header .menu-bar h2{font-size:1.5rem}#admin-header .menu-bar ion-icon{display:none}#admin-header>:last-child{background:#f9f7fd;grid-column:2;overflow-x:hidden;padding:2rem 3rem}}#basics{background:#f9f7fd;font-family:Poppins,sans-serif;min-height:100vh;padding:1.2rem;width:100%}#basics h2{color:#2e1a47;font-size:1.4rem;font-weight:600;margin-bottom:2rem;text-align:center;text-transform:capitalize}#basics form{background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;display:grid;grid-template-columns:1fr;margin:0 auto;max-width:900px;padding:1.2rem}#basics form label{color:gray;display:block;font-size:.9rem;font-weight:500;margin-bottom:.4rem}#basics form input,#basics form select{background:#fff;border:1px solid #e0e0e0;border-radius:10px;color:#2e1a47;font-size:.95rem;margin-bottom:1.8rem;padding:.75rem;width:100%}#basics form button[type=submit]{background:#6a1b9a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.9rem;transition:all .3s ease}#basics form button[type=submit]:disabled{background:#e0e0e0;color:#2e1a47;cursor:not-allowed}#basics form button[type=submit]:not(:disabled):hover{background:#7e57c2}@media(min-width:768px){#basics form{gap:1.2rem;grid-template-columns:1fr 1fr}#basics form button[type=submit]{grid-column:1/3}}@media(min-width:1024px){#basics{padding:2.5rem 3rem}#basics h2{font-size:1.8rem;margin-bottom:2.8rem}#basics form{gap:1.8rem;max-width:1100px;padding:2.5rem 3rem}#basics form label{font-size:1rem}#basics form input,#basics form select{font-size:1.05rem;padding:.95rem 1rem}#basics form button[type=submit]{font-size:1.1rem;padding:1.1rem}}#basics .logger-container{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}#basics .logger{background:#e0e0e0;border:none;border-radius:10px;box-shadow:none;color:#2e1a47;cursor:pointer;font-size:.95rem;font-weight:600;padding:.8rem 1.4rem;transition:all .3s ease;width:100%}#basics .logger:hover{background:#7e57c2;color:#fff}@media(min-width:1024px){#basics .logger-container{flex-direction:row;gap:2rem;justify-content:center}#basics .logger{font-size:1rem;min-width:240px;padding:.9rem 2rem;width:auto}}#classes{font-family:Poppins,sans-serif;padding-bottom:2rem;width:100%}#classes>.section-navs{border-radius:10px;display:flex;gap:1.2rem;margin-bottom:1.5rem;padding:.8rem 1rem}#classes>.section-navs a{color:gray;font-size:.85rem;font-weight:500;padding-bottom:.4rem;position:relative;text-decoration:none;transition:all .3s ease}#classes>.section-navs a:hover{color:#2e1a47}#classes>.section-navs a.active{color:#6a1b9a;font-weight:600}#classes>.section-navs a.active:after{background:#6a1b9a;border-radius:2px;bottom:-6px;content:"";height:3px;left:0;position:absolute;width:100%}#classes>.save-button{background:linear-gradient(135deg,#6a1b9a,#8e24aa);border:none;border-radius:10px;box-shadow:0 2px 6px #00000014;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin:3rem auto 2rem;padding:.9rem 4.5rem;transition:all .3s ease;width:90%}#classes>.save-button:disabled{background:#e0e0e0;box-shadow:none;color:#2e1a47;cursor:not-allowed}#classes>.save-button:not(:disabled):hover{filter:brightness(1.05)}@media(min-width:1024px){#classes{padding-bottom:3rem}#classes>.section-navs{gap:2rem;padding:1.2rem 2rem}#classes>.section-navs a{font-size:1rem;padding-bottom:.6rem}#classes>.save-button{font-size:1.05rem;padding:1.1rem 5.5rem}}#section-classes{display:flex;flex-direction:column;gap:2rem;padding:1rem;width:100%}#section-classes .classes-list,#section-classes .scale-list,#section-classes .subjects-list{background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;display:flex;flex-direction:column;gap:1rem;padding:1rem}#section-classes .classes-list h3,#section-classes .scale-list h3,#section-classes .subjects-list h3{color:#2e1a47;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}#section-classes .classes-list>button,#section-classes .scale-list>button,#section-classes .subjects-list>button{background:#0000;border:2px dashed #6a1b9a;border-radius:10px;color:#6a1b9a;cursor:pointer;font-weight:600;margin-top:1.5rem;padding:.7rem 1rem;transition:all .3s ease;width:100%}#section-classes .classes-list>button:hover,#section-classes .scale-list>button:hover,#section-classes .subjects-list>button:hover{background:#6a1b9a;color:#fff}#section-classes .class{grid-gap:.75rem;border-bottom:3px solid #e0e0e0;display:grid;gap:.75rem;grid-template-columns:repeat(10,1fr);padding:1.8rem 0}#section-classes .class input,#section-classes .class select{background:#fff;border:1px solid #e0e0e0;border-radius:10px;color:#2e1a47;font-size:.92rem;padding:.55rem .65rem;transition:all .3s ease}#section-classes .class input:focus,#section-classes .class select:focus{border-color:#6a1b9a;outline:none}#section-classes .class input[name=class]{border:none;font-size:1rem;font-weight:600;grid-column:span 10;text-align:center;text-transform:capitalize}#section-classes .class select[name=teachersTitle]{grid-column:span 2}#section-classes .class input[name=teachersName]{grid-column:span 8}#section-classes .class .teachers-code{grid-column:span 10;position:relative}#section-classes .class .teachers-code input{font-weight:500}#section-classes .class .teachers-code ion-icon{cursor:pointer;position:absolute;right:1rem;top:.65rem}#section-classes .class .teachers-code ion-icon:hover{color:#6a1b9a}#section-classes .class .teachers-code .balloon{background:gray;border-radius:10px;color:#fff;display:none;font-size:.7rem;padding:.15rem .5rem;position:absolute;right:1rem;top:-.9rem}#section-classes .class .teachers-code .balloon.copied{display:block}#section-classes .class button{border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;grid-column:span 5;padding:.6rem;transition:all .3s ease}#section-classes .class button:last-child{background:#d84848;color:#fff}@media(min-width:900px){#section-classes .class button{grid-column:span 4;justify-self:space-between;max-width:580px}#section-classes .class button:last-child{grid-column:7/span 4}}#section-classes .scale-list h3{color:#2e1a47;display:grid;font-size:1.1rem;font-weight:600;grid-template-columns:62% 38%;margin-bottom:.5rem}#section-classes .grade{grid-gap:.8rem;align-items:center;display:grid;gap:.8rem;grid-template-columns:60% 25% 15%}#section-classes .grade input{background:#fff;border:1px solid #e0e0e0;border-radius:10px;font-size:.92rem;padding:.45rem .6rem;text-transform:capitalize}#section-classes .grade input:focus{border-color:#6a1b9a;outline:none}#section-classes .grade button{background:#d84848;border:none;border-radius:10px;color:#fff;cursor:pointer;height:2.4rem;width:2.8rem}#section-classes .grade button ion-icon{font-size:1.1rem}#section-classes .grade button:hover{background:#d32f2f}#section-classes .subjects{grid-gap:.8rem;align-items:center;display:grid;gap:.8rem;grid-template-columns:1fr 10%}#section-classes .subjects input{background:#fff;border:1px solid #e0e0e0;border-radius:10px;font-size:.92rem;padding:.45rem .6rem;text-transform:capitalize}#section-classes .subjects input:focus{border-color:#6a1b9a;outline:none}#section-classes .subjects button{background:#d84848;border:none;border-radius:10px;color:#fff;cursor:pointer;height:2.4rem;width:2.8rem}#section-classes .subjects button ion-icon{font-size:1.1rem}#section-classes .subjects button:hover{background:#c62828}@media(min-width:1024px){#section-classes{padding:2.5rem 3rem}#section-classes .classes-list,#section-classes .scale-list,#section-classes .subjects-list{gap:1.4rem;padding:2rem}#section-classes .class{gap:1.2rem}#section-classes .class input,#section-classes .class select{font-size:1rem;padding:.7rem .8rem}#section-classes .class input[name=class]{font-size:1.2rem}#section-classes .grade input,#section-classes .subjects input{font-size:1rem}}#admin-students{min-height:100vh;padding:1rem;width:100%}#admin-students>.all-students-action{display:flex;gap:1rem;margin:3rem 0}#admin-students>.all-students-action button{background-color:#6a1b9a;border:none;border-radius:0;box-shadow:0 2px 6px #00000014;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}#admin-students>.all-students-action button:first-child{background-color:#0000;border:1px solid #6a1b9a;color:#6a1b9a}#admin-students>.all-students-action button:first-child:hover{color:#fff}#admin-students>.all-students-action button:hover{background-color:#2e1a47}#admin-students>div:first-child{display:flex;gap:1.5rem;justify-content:space-around;margin-bottom:1rem;padding:.1rem 0}#admin-students>div:first-child a{color:#7e57c2;color:gray;font-size:.8rem;font-weight:500;justify-self:center;padding-bottom:.4rem;position:relative;text-decoration:none;transition:all .3s ease}#admin-students>div:first-child a:hover{color:#000}#admin-students>div:first-child a.active{color:#6a1b9a;font-weight:600}#admin-students>div:first-child a.active:after{background:#6a1b9a;border-radius:2px;bottom:-3px;content:"";height:3px;left:0;position:absolute;width:100%}#admin-students>div:nth-child(2){display:flex;gap:1rem;padding:.5rem;position:relative;width:fit-content}#admin-students>div:nth-child(2) span:first-child{color:#6a1b9a}#admin-students>div:nth-child(2) span:last-child{font-weight:600}#admin-students .section-students>div:first-child{display:flex;font-size:1rem;gap:1rem;padding:.5rem;position:relative;width:fit-content}#admin-students .section-students>div:first-child span:first-child{color:#6a1b9a}#admin-students .section-students>div:first-child span:last-child{font-weight:600}#admin-students .section-students .class-list{background-color:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;margin-bottom:1rem;padding:.7rem}#admin-students .section-students .class-list>div:first-child{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}@media(min-width:650px){#admin-students .section-students .class-list>div:first-child{flex-wrap:nowrap}}#admin-students .section-students .class-list>div:first-child div:first-child{flex-basis:40%;font-weight:600;text-transform:capitalize}#admin-students .section-students .class-list>div:first-child div:nth-child(3){align-self:center;border-radius:10px;color:#6a1b9a;flex-basis:40%;font-size:.7rem;padding:.3rem .2rem;text-align:center;width:4rem}#admin-students .section-students .class-list>div:first-child button{background-color:#6a1b9a;border:none;border-radius:10px;box-shadow:0 2px 6px #00000014;color:#fff;cursor:pointer;min-width:8rem;padding:.3rem .6rem;transition:all .3s ease}#admin-students .section-students .class-list>div:first-child button.toggle-list{background-color:#0000;box-shadow:none;color:#6a1b9a;font-size:1.2rem;padding:0}#admin-students .section-students .class-list>div:first-child button.toggle-list:hover{background-color:#0000}#admin-students .section-students .class-list>div:first-child button:hover{background-color:#2e1a47}#admin-students .section-students .class-list p.class-students-list{border:none}#admin-students .section-students .class-list .class-students-list{border:1px solid #e0e0e0;border-radius:10px;margin-top:2rem}#admin-students .section-students .class-list .class-students-list h3{grid-gap:.5rem;background-color:#f5f5f5;border-top-left-radius:10px;border-top-right-radius:10px;color:gray;display:grid;font-size:.7rem;font-weight:300;gap:.5rem;grid-template-columns:10% 70% 20%;justify-content:space-around;padding:.5rem;text-align:center}#admin-students .section-students .class-list .class-students-list h3>span:nth-child(2){text-align:left}#admin-students .section-students .class-list .class-students-list .admin-student{align-items:center;border-bottom:1px solid #e0e0e0;display:grid;font-size:.8rem;grid-template-columns:10% 70% 20%;padding:.2rem 0}#admin-students .section-students .class-list .class-students-list .admin-student:last-child{border-bottom:none}#admin-students .section-students .class-list .class-students-list .admin-student>span:first-child{text-align:center}#admin-students .section-students .class-list .class-students-list .admin-student>span:nth-child(2){text-transform:capitalize}#admin-students .section-students .class-list .class-students-list .admin-student>button{align-self:right;background-color:#0000;box-shadow:none;color:#6a1b9a}.student-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.student-modal-overlay .student-modal{background-color:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.student-modal-overlay .student-modal .student-modal-content{padding:1rem;position:relative}.student-modal-overlay .student-modal .student-modal-content>button:first-child{background:#0000;border:none;box-shadow:none;color:#888;cursor:pointer;font-size:1.5rem;left:0;position:absolute;text-align:left;top:-.5rem;transition:color .2s;width:fit-content}.student-modal-overlay .student-modal .student-modal-content>button:first-child:hover{color:#6a1b9a}.student-modal-overlay .student-modal .student-modal-content h2{color:#6a1b9a;font-size:1.5rem;margin-bottom:1.5rem;margin-top:0;text-align:center;text-transform:capitalize}.student-modal-overlay .student-modal .student-modal-content>div{display:flex;flex-direction:column;margin-bottom:1rem}.student-modal-overlay .student-modal .student-modal-content>div label{color:#555;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.student-modal-overlay .student-modal .student-modal-content>div input[type=date],.student-modal-overlay .student-modal .student-modal-content>div input[type=number],.student-modal-overlay .student-modal .student-modal-content>div input[type=text],.student-modal-overlay .student-modal .student-modal-content>div select{border:1px solid #ddd;border-radius:6px;font-size:1rem;outline:none;padding:.75rem;transition:border-color .3s}.student-modal-overlay .student-modal .student-modal-content>div input[type=date]:focus,.student-modal-overlay .student-modal .student-modal-content>div input[type=number]:focus,.student-modal-overlay .student-modal .student-modal-content>div input[type=text]:focus,.student-modal-overlay .student-modal .student-modal-content>div select:focus{border-color:#6a1b9a;box-shadow:0 0 0 2px #6a1b9a1a}.student-modal-overlay .student-modal .student-modal-content>div span{align-self:flex-end;color:#888;font-size:.8rem;margin-top:.25rem}.student-modal-overlay .student-modal .student-modal-content>div.status{align-items:center;flex-direction:row;gap:1rem}.student-modal-overlay .student-modal .student-modal-content>div.status input[type=radio]{accent-color:#6a1b9a;box-shadow:none;margin-right:.25rem}.student-modal-overlay .student-modal .student-modal-content>div.status label{cursor:pointer;margin-bottom:0}.student-modal-overlay .student-modal .student-modal-content .code-display{align-items:center;background:#f9f9f9;border-radius:6px;display:flex;flex-direction:row;justify-content:space-between;padding:1rem .5rem}.student-modal-overlay .student-modal .student-modal-content .code-display>div{align-items:center;display:flex;gap:.8rem;position:relative}.student-modal-overlay .student-modal .student-modal-content .code-display>div span{color:#333;font-family:monospace;font-size:1.2rem;font-weight:700}.student-modal-overlay .student-modal .student-modal-content .code-display>div .balloon{background-color:gray;color:#f5f5f5;font-size:.7rem;padding:.1rem .5rem;position:absolute;right:0;top:-1.2rem}.student-modal-overlay .student-modal .student-modal-content .code-display button{font-size:.7rem;margin:0;width:fit-content}.student-modal-overlay .student-modal .student-modal-content button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.85rem;transition:all .2s ease;width:100%}.student-modal-overlay .student-modal .student-modal-content button.student-saver{background-color:#6a1b9a;color:#fff}.student-modal-overlay .student-modal .student-modal-content button.student-saver:hover{filter:brightness(110%)}.student-modal-overlay .student-modal .student-modal-content button.student-saver:disabled{background-color:#ccc;cursor:not-allowed}.student-modal-overlay .student-modal .student-modal-content button.student-deleter{background-color:#0000;border:1px solid red;color:red;font-size:.8rem;margin-bottom:.5rem;width:45%}.student-modal-overlay .student-modal .student-modal-content button.student-deleter:hover{background-color:#ffebeb}.delete-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1001}.delete-modal-overlay .delete-modal{background-color:#fff;border-radius:10px;box-shadow:0 10px 25px #0003;max-width:400px;outline:none;width:100%}.delete-modal-overlay .delete-modal .delete-modal-content{padding:2rem;text-align:center}.delete-modal-overlay .delete-modal .delete-modal-content p{color:#333;margin-bottom:1rem}.delete-modal-overlay .delete-modal .delete-modal-content p:last-of-type{color:red;font-size:.9rem}.delete-modal-overlay .delete-modal .delete-modal-content .button-group{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.delete-modal-overlay .delete-modal .delete-modal-content .button-group button{border:none;border-radius:4px;cursor:pointer;padding:.5rem 1.5rem;width:auto}.delete-modal-overlay .delete-modal .delete-modal-content .button-group button:first-child{background-color:red;color:#fff}.delete-modal-overlay .delete-modal .delete-modal-content .button-group button:last-child{background-color:#eee;color:#333}#admin-result{background:#f9f7fd;color:#2e1a47;font-family:Poppins,sans-serif;min-height:100vh;padding:1.2rem;width:100%}#admin-result h1{font-size:1.5rem;font-weight:600;margin-bottom:1.8rem;text-align:center}#admin-result .result-type{display:flex;gap:1.5rem;justify-content:center;margin-bottom:1.8rem}#admin-result .result-type label{align-items:center;cursor:pointer;display:flex;gap:.5rem}#admin-result .result-type label input[type=radio]{accent-color:#6a1b9a;transform:scale(1.1)}#admin-result .result-type label span{font-size:.95rem;font-weight:500}#admin-result .class-name,#admin-result .session,#admin-result .student-name,#admin-result .term{margin-bottom:1.3rem}#admin-result .class-name label,#admin-result .session label,#admin-result .student-name label,#admin-result .term label{display:flex;flex-direction:column;font-size:.9rem;font-weight:500;margin-bottom:.4rem}#admin-result .class-name input,#admin-result .class-name select,#admin-result .session input,#admin-result .session select,#admin-result .student-name input,#admin-result .student-name select,#admin-result .term input,#admin-result .term select{background:#fff;border:1px solid #e0e0e0;border-radius:10px;font-family:inherit;font-size:.95rem;padding:.75rem;transition:all .3s ease;width:100%}#admin-result .class-name input:focus,#admin-result .class-name select:focus,#admin-result .session input:focus,#admin-result .session select:focus,#admin-result .student-name input:focus,#admin-result .student-name select:focus,#admin-result .term input:focus,#admin-result .term select:focus{border-color:#6a1b9a;box-shadow:0 0 0 3px #6a1b9a26;outline:none}#admin-result .class-name input::placeholder,#admin-result .session input::placeholder,#admin-result .student-name input::placeholder,#admin-result .term input::placeholder{opacity:.7}#admin-result p{color:#6a1b9a;font-weight:500;margin:.6rem 0;text-align:center}#admin-result button{background:linear-gradient(135deg,#6a1b9a,#8e24aa);border:none;border-radius:10px;box-shadow:0 2px 6px #00000014;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.8rem;padding:.9rem;transition:all .3s ease;width:100%}#admin-result button:hover{filter:brightness(1.08)}#admin-result button:active{transform:scale(.98)}@media(min-width:768px){#admin-result{margin:0 auto;max-width:700px}#admin-result h1{font-size:1.9rem}#admin-result .result-type span,#admin-result input,#admin-result select{font-size:1rem}}@media(min-width:1024px){#admin-result{max-width:1100px;padding:2.5rem 3rem}#admin-result h1{font-size:2.2rem;margin-bottom:2.5rem}#admin-result .class-name,#admin-result .session,#admin-result .student-name,#admin-result .term{margin-bottom:2rem}#admin-result .class-name label,#admin-result .session label,#admin-result .student-name label,#admin-result .term label{font-size:1rem}#admin-result .class-name input,#admin-result .class-name select,#admin-result .session input,#admin-result .session select,#admin-result .student-name input,#admin-result .student-name select,#admin-result .term input,#admin-result .term select{font-size:1.05rem;padding:1rem}#admin-result button{font-size:1.1rem;padding:1.1rem}}.utility-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c!important;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed!important;right:0;top:0;transition:opacity .25s ease;z-index:9999}.utility-modal-overlay.ReactModal__Overlay--after-open{opacity:1}.utility-modal-overlay.ReactModal__Overlay--before-close{opacity:0}.utility-modal{align-items:center;background:none!important;border:none!important;bottom:0;display:flex;justify-content:center;left:0;overflow:visible!important;padding:0!important;position:fixed!important;right:0;top:0}.utility-modal .error-modal,.utility-modal .success-modal,.utility-modal .warning-modal{animation:scaleIn .25s ease;background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;max-width:420px;padding:20px;position:relative;text-align:center;width:90%}@media(min-width:600px){.utility-modal .error-modal,.utility-modal .success-modal,.utility-modal .warning-modal{padding:24px}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.utility-modal .error-modal{border-top:5px solid #d84848}.utility-modal .error-modal span{align-items:center;background:#d84848;border-radius:50%;box-shadow:0 2px 6px #00000014;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:-10px;top:-10px;transition:all .3s ease;width:32px}.utility-modal .error-modal span:hover{transform:scale(1.1)}.utility-modal .error-modal span ion-icon{font-size:1.4rem}.utility-modal .success-modal{border-top:5px solid #6a1b9a;z-index:10000}.utility-modal .success-modal img{border-radius:50%;box-shadow:0 2px 6px #00000014;display:block;height:70px;margin:0 auto 12px;object-fit:cover;width:70px}.utility-modal .success-modal div span{color:#2e1a47;display:block;margin-bottom:3px}.utility-modal .warning-modal{border-top:5px solid #ffd740}.utility-modal .warning-modal button{background:#ffd740;border:none;border-radius:10px;box-shadow:0 2px 6px #00000014;cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;padding:12px;transition:all .3s ease;width:100%}.utility-modal .warning-modal button:hover{filter:brightness(1.05)}.utility-modal .warning-modal button:last-of-type{background:#6a1b9a;color:#fff}.utility-modal .warning-modal button:last-of-type:hover{filter:brightness(1.1)}#not-found{align-items:center;background:#fafafa;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}#not-found h1{color:#6a1b9a;font-size:5rem;font-weight:700;line-height:1;margin-bottom:.5rem}#not-found p{color:#444;font-size:1.2rem;margin-bottom:1.8rem;max-width:300px}#not-found .back-home{background:#6a1b9a;border-radius:8px;color:#fff;display:inline-block;font-weight:500;padding:.75rem 1.6rem;text-decoration:none;transition:.2s ease}#not-found .back-home:hover{background:#ffd740;color:#000;transform:translateY(-2px)}
/*# sourceMappingURL=main.8f8291cf.css.map*/