*,: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:first-child{margin-top:0}.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{margin:.5rem;padding:.9rem 2rem}.welcome-page .welcome-content .role-buttons{flex-direction:row;justify-content:center}}.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{text-align:left;width:90%}#login>button.normal{display:block;margin:2rem auto;padding:.8rem;width:70%}#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 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-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}#student .filters label{font-weight:700}#student .filters select{padding:.4rem}#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{padding:.7rem;width:9rem}#student .actual-result{background-color:#fff;height:100vh;left:0;position:absolute;top:0;width:100vw}#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}.toggle>div{background:#bdbfc1;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:#fdfcfb;background:linear-gradient(90deg,#fdfcfb 37%,#e5e5e5 61%);border:1px solid #979797;border-radius:50px;box-shadow:inset 5px 0 0 0 #0000001a,inset -5px 0 0 0 #0000001a,inset -6px 0 0 0 #ffffff80,inset -4px 6px 11px -5px #0003,inset 1px 1px 0 0 #fff,-6px 4px 11px -7px #00000080;height:55px;width:130px}.toggle>div>input[type=checkbox]:checked~div{background:#e5e5e5;background:linear-gradient(90deg,#e5e5e5 39%,#fdfcfb 63%);box-shadow:inset -5px 0 0 0 #0000001a,inset 5px 0 0 0 #0000001a,inset 6px 0 0 0 #ffffff80,inset -4px 6px 11px -5px #0003,inset 1px 1px 0 0 #fff,-6px 4px 11px -7px #00000080}.toggle>div>input[type=checkbox]~div:before{border-radius:10px;content:attr(data-unchecked);display:block;left:30px;position:absolute;top:27px}.toggle>div>input[type=checkbox]~div:after{border-radius:10px;content:attr(data-checked);display:block;left:100px;position:absolute;top:27px}.toggle>div>input[type=checkbox]:checked~div:before,.toggle>div>input[type=checkbox]~div:after{color:#6a1b9a;filter:dropshadow(color=#df0000,offx=0,offy=0);text-shadow:0 1px 0 #fff,0 0 7px #df0000}.toggle>div>input[type=checkbox]:checked~div:after{color:#000;filter:dropshadow(none);text-shadow:none}#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.2rem;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:.7rem 0;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{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:100%}#student-result .actual-result button{background:#6a1b9a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:.5rem;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;justify-content:center;min-height:100vh;padding:1.5rem}#admin-login header,#signup header{display:flex;justify-content:space-between;width:90%}#admin-login header img,#signup header img{height:60px;width:60px}#admin-login header>button,#signup header>button{font-size:1rem}#admin-login form,#signup form{background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;display:flex;flex-direction:column;gap:1rem;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;line-height:.8rem}#admin-login form input,#signup form input{border:1px solid #e0e0e0;border-radius:10px;font-family:Open Sans,sans-serif;font-size:1rem;margin-bottom:1rem;outline:none;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 .error-message,#signup form .error-message{color:red;font-size:.8rem;left:.5rem;margin:0;position:relative;text-align:left;top:-1.5rem}#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.1rem;position:absolute;right:5%;top:20%}#admin-login form button[type=button],#signup form button[type=button]{align-self:flex-end;background:none;border:none;color:#7e57c2;cursor:pointer;font-size:1.1rem;margin-top:-.5rem;transition:all .3s ease}#admin-login form button[type=button]:hover,#signup form button[type=button]:hover{color:#6a1b9a}#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:.5rem;padding:.8rem;transition:all .3s ease}#admin-login form button[type=submit]:hover,#signup form button[type=submit]:hover{filter:brightness(1.1)}#admin-login p,#signup p{color:#2e1a47;font-family:Open Sans,sans-serif;font-size:.9rem;margin-top:1.2rem;text-align:center}#admin-login p a,#signup p a{color:#6a1b9a;font-weight:600;text-decoration:none;transition:all .3s ease}#admin-login p a:hover,#signup p a:hover{text-decoration:underline}#admin-login>:first-child,#signup>:first-child{left:1rem;position:absolute;top:1rem}#admin-login>a,#signup>a{bottom:1rem;position:absolute;right:2rem;text-decoration:underline}@media(min-width:768px){#admin-login form,#signup form{max-width:420px;padding:2.5rem 2rem}#admin-login h2,#signup h2{font-size:1.6rem}#admin-login input,#signup input{font-size:1rem}#admin-login button[type=submit],#signup button[type=submit]{font-size:1.05rem}}#signup{padding-top: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 1rem;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.5rem}#admin-header .options .top h3{color:#fff;font-size:1.3rem;margin:0}#admin-header .options .top ion-icon{color:#fff;cursor:pointer;font-size:2rem}#admin-header .options a{align-items:center;border-radius:10px;color:#ffffffc7;display:flex;font-size:.95rem;gap:.6rem;padding:.55rem .4rem;text-decoration:none;transition:all .3s ease}#admin-header .options a ion-icon{color:#ffffffc7;font-size:1.3rem}#admin-header .options a.active{background:#ffffff2e;color:#fff}#admin-header .options a.active ion-icon{color:#fff}#admin-header .options a:hover{background:#ffffff40;color:#fff}#admin-header .options a:hover ion-icon{color:#fff}#admin-header.open .options{left:0}#basics{background:#f9f7fd;font-family:Poppins,sans-serif;min-height:100vh;padding:1rem;width:100%}#basics h2{color:#2e1a47;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:1rem}#basics form label{color:gray;display:block;font-size:.9rem;font-weight:400;margin-bottom:.5rem}#basics form input,#basics form select{background:#fff;border:1px solid #e0e0e0;border-radius:10px;color:#2e1a47;font-size:.95rem;margin-bottom:2rem;padding:.7rem;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{grid-template-columns:1fr 1fr}#basics form button[type=submit]{grid-column:1/3}}#basics .logger-container{display:flex}#basics .logger{background:#e0e0e0;border:none;border-radius:0;box-shadow:none;color:#2e1a47;cursor:pointer;display:block;font-weight:600;margin:2rem auto 0;padding:.7rem 1.4rem;transition:all .3s ease;width:40%}#basics .logger:hover{background:#7e57c2;color:#fff}#classes{padding-bottom:1rem;width:100%}#classes>.section-navs{display:flex;gap:1.5rem;margin-bottom:1rem;padding:.6rem 1rem;text-align:center}#classes>.section-navs 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}#classes>.section-navs a:hover{color:#000}#classes>.section-navs a.active{color:#6a1b9a;font-weight:600}#classes>.section-navs a.active:after{background:#6a1b9a;border-radius:2px;bottom:-3px;content:"";height:3px;left:0;position:absolute;width:100%}#classes>button{background:#6a1b9a;border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-weight:600;margin:2rem auto;padding:.8rem 4rem;transition:all .3s ease}#classes>button:disabled{background:#e0e0e0;color:#2e1a47;cursor:not-allowed}#classes>button:not(:disabled):hover{background:#7e57c2}#section-classes{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem;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:.85rem;margin-bottom:2rem;padding:.8rem}#section-classes .classes-list>button,#section-classes .scale-list>button,#section-classes .subjects-list>button{background-color:#fff;border:2px solid #6a1b9a;border-radius:0;color:#6a1b9a;cursor:pointer;margin:2rem 0;padding:.6rem .9rem;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:#7e57c2;border:none;color:#fff}#section-classes .scale-list h3{display:grid;grid-template-columns:60% 25%}#section-classes .class{grid-gap:.75rem;border-bottom:5px solid #e0e0e0;display:grid;gap:.75rem;grid-template-columns:repeat(10,fr);padding:2rem 0;width:100%}#section-classes .class input,#section-classes .class select{background:#fff;border:1px solid #e0e0e0;border-radius:10px;color:#2e1a47;font-size:.92rem;padding:.5rem .6rem;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-weight:700;grid-column:span 10;justify-self:center;text-align:center;text-transform:capitalize;width:90%}#section-classes .class select[name=teachersTitle]{grid-column:span 1}#section-classes .class input[name=teachersName]{grid-column:span 9}#section-classes .class div.teachers-code{grid-column:span 10;position:relative}#section-classes .class div.teachers-code ion-icon{position:absolute;right:1rem;top:.6rem}#section-classes .class div.teachers-code ion-icon:hover{color:#6a1b9a}#section-classes .class div.teachers-code .balloon{background-color:gray;color:#f5f5f5;display:none;font-size:.7rem;padding:.1rem .5rem;position:absolute;right:1rem;top:-.8rem}#section-classes .class div.teachers-code .balloon.copied{display:block}#section-classes .class button{grid-column:span 5;padding:.6rem;width:90%}#section-classes .class button:last-child{background-color:#d84848}@media(min-width:768px){#section-classes .class{gap:1rem}#section-classes .class input,#section-classes .class select{font-size:.95rem;padding:.55rem .7rem}}#section-classes .grade{grid-gap:.8rem;align-items:center;display:grid;gap:.8rem;grid-template-columns:55% 20% 20%;width:100%}#section-classes .grade:last-child{margin-top:.7rem}#section-classes .grade input{background:#fff;border:1px solid #e0e0e0;border-radius:10px;color:#2e1a47;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;font-size:.85rem;justify-self:end;margin-right:.5rem;padding:.32rem .5rem;width:100%;width:3rem}#section-classes .grade button ion-icon{font-size:1rem}#section-classes .grade button:hover{background:#d32f2f}#section-classes .subjects{grid-gap:.6rem;align-items:center;display:grid;gap:.6rem;grid-template-columns:80% 20%}#section-classes .subjects input{background:#fff;border:1px solid #e0e0e0;border-radius:10px;color:#2e1a47;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;font-size:.85rem;justify-self:right;margin-right:.5rem;padding:.32rem .45rem;width:3rem}#section-classes .subjects button ion-icon{font-size:1rem}#section-classes .subjects button:hover{background:#c62828}#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}#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;background-color:#f9f7fd;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;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}#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;padding:20px;width:100%}#admin-result h1{font-size:1.5rem;font-weight:600;margin-bottom:20px;text-align:center}#admin-result .result-type{display:flex;gap:20px;justify-content:center;margin-bottom:20px}#admin-result .result-type label{align-items:center;cursor:pointer;display:flex;gap:6px;justify-content:center}#admin-result .result-type label input[type=radio]{accent-color:#6a1b9a;transform:scale(1.1)}#admin-result .result-type label span{font-size:.95rem}#admin-result .class-name,#admin-result .session,#admin-result .student-name,#admin-result .term{margin-bottom:18px}#admin-result .class-name label,#admin-result .session label,#admin-result .student-name label,#admin-result .term label{color:#2e1a47;display:flex;flex-direction:column;font-size:.9rem;font-weight:500;margin-bottom:6px}#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;box-shadow:0 2px 6px #00000014;font-family:inherit;padding:12px;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:8px 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:10px;padding:14px;transition:all .3s ease;width:100%}#admin-result button:hover{filter:brightness(1.05)}#admin-result button:active{transform:scale(.98)}@media(min-width:600px){#admin-result{margin:0 auto;max-width:500px}#admin-result h1{font-size:1.8rem}}.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}.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.c4ec1adb.css.map*/