:root{--background-color:#0f1525;--main-color:#ec008c;--title-color:#3a3c3e}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body{background-color:var(--background-color);box-sizing:content-box;min-width:500px;margin:0;padding:0}header{margin:.5rem}.logo{height:80px}#currentUser{color:#f5f5f5;text-align:center;border:2px solid;border-color:var(--main-color);border-radius:1rem;padding:1rem;font-size:20px;display:none;position:absolute;top:1rem;left:8rem}hr{margin-top:1rem;margin-bottom:2rem}.section-divider{background:#eee;border:0;height:1px;margin:30px 0}.hidden{display:none}.error{color:red}.success{color:green}.disabled{background-color:#d3d3d3}.spinner{vertical-align:middle;border:3px solid #0000001a;border-top-color:#3498db;border-radius:50%;width:20px;height:20px;margin-right:8px;animation:1s linear infinite spin;display:inline-block}#message{text-align:center;color:#e53e3e;min-height:20px;margin-top:1rem;font-weight:500}.hero-section{text-align:center;color:#fff;justify-content:center;align-items:center;min-height:80vh;padding:2rem;display:flex}.hero-content{max-width:800px;animation:1s ease-in-out fadeIn}.hero-title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#ec008c,#3498db);-webkit-background-clip:text;margin-bottom:1.5rem;font-size:4rem;font-weight:800;line-height:1.2}.hero-subtitle{color:#a0aec0;margin-bottom:2.5rem;font-size:1.2rem;line-height:1.6}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.primary-hero-btn{color:#fff;cursor:pointer;background-color:#ec008c;border:none;border-radius:50px;padding:15px 35px;font-size:1.1rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #ec008c66}.primary-hero-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ec008c99}.secondary-hero-btn{color:#fff;cursor:pointer;background-color:#0000;border:2px solid #3498db;border-radius:50px;padding:15px 35px;font-size:1.1rem;font-weight:700;transition:background-color .2s,transform .2s}.secondary-hero-btn:hover{background-color:#3498db1a;transform:translateY(-3px)}button{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-weight:600;transition:background .2s}.submit--btn{color:#fff;background-color:#ec008c;border:none;width:50%;margin-top:1rem;margin-left:1rem;padding:.7rem}.primary-btn{color:#fff;background-color:#2ecc71}.primary-btn:hover{background-color:#27ae60}.secondary-btn{color:#fff;background-color:#3498db}.secondary-btn:hover{background-color:#2980b9}.danger-btn{color:#fff;background-color:#e74c3c}.danger-btn:hover{background-color:#c0392b}.delete_account_button{color:#f5f5f5;background-color:red;border:none;border-radius:.5rem;width:40%;min-width:5rem;min-height:2rem;margin-top:1rem;margin-bottom:1rem}.change_input_btn{color:#f5f5f5;background-color:#ec008c;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:70%;height:35%;min-height:2rem;margin-top:1rem;margin-bottom:1rem;display:flex}.start-btn-3d{appearance:none;color:#fff;letter-spacing:2px;cursor:pointer;text-transform:uppercase;background:radial-gradient(circle at 30% 30%,#e74c3c,#8b0000);border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto;font-size:1.8rem;font-weight:900;transition:all .1s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 12px #5a0000,0 18px 20px #0006,inset 0 -8px 15px #0000004d,inset 0 8px 10px #fff3}.start-btn-3d:hover{background:radial-gradient(circle at 30% 30%,#ff5e4d,#9e0000)}.start-btn-3d:active{transform:translateY(12px);box-shadow:0 0 #5a0000,0 4px 6px #0006,inset 0 10px 20px #0009,inset 0 -5px 10px #ffffff1a}label{color:#4a5568;margin-bottom:.5rem;font-size:.9rem;display:block}input[type=text],input[type=password],input[type=email]{box-sizing:border-box;border:1px solid #cbd5e0;border-radius:8px;width:90%;height:50%;padding:.5rem .7rem;font-size:.8rem;transition:border-color .2s,box-shadow .2s}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus{border-color:#4299e1;outline:none;box-shadow:0 0 0 3px #4299e180}select{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;padding:8px 12px;font-size:1rem}textarea{box-sizing:border-box;border-radius:10px;width:100%;padding:.4rem;overflow:scroll}textarea:focus{border-color:#4299e1;outline:none;box-shadow:0 0 0 3px #4299e180}.input-group{flex-direction:column;margin:1rem 0;display:flex}.input-group label{color:#444;margin-bottom:5px;font-size:.9rem;font-weight:600}.input-group input,.input-group select{border:1px solid #ccc;border-radius:4px;padding:8px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px;display:grid}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-overlay.active{display:flex}.modal-content{box-sizing:border-box;background-color:#fff;border:3px solid #ec008c;border-radius:.75rem;flex-direction:column;width:90%;max-width:500px;margin:auto;padding:2rem;animation:.3s ease-out fadeIn;display:flex;position:relative;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-content--dynamic{text-align:center;box-sizing:border-box;background:#fff;border-radius:12px;width:90%;max-width:400px;margin:1rem;padding:2.5rem;box-shadow:0 10px 25px #0003}.modal-close-btn,.closebtn{color:#aaa;cursor:pointer;z-index:1000;font-size:28px;font-weight:700;line-height:1;position:absolute;top:1rem;right:1.5rem}.modal-close-btn:hover,.closebtn:hover{color:#ec008c;text-decoration:none}.modal_title{color:var(--title-color)}.modal_actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.modal_actions button{border-radius:5px;padding:.8rem 1.5rem;font-weight:700}.reauth-modal h3{color:#333;margin-bottom:1rem;font-size:1.5rem}.reauth-modal p{color:#666;margin-bottom:1.5rem;font-size:.95rem}@media (width<=768px){.modal-content,.modal-content--dynamic{width:95%;padding:1.5rem 1rem}}.sidenav{z-index:1001;background-color:#fff;border:5px solid #ec008c;border-radius:20px;width:250px;height:80%;padding-top:60px;transition:right .4s cubic-bezier(.25,.8,.25,1);position:fixed;top:0;right:-300px;overflow-x:hidden;box-shadow:-5px 0 15px #0003}.sidenav a{color:#333;border-bottom:1px solid #f1f1f1;padding:15px 20px 15px 32px;font-size:20px;text-decoration:none;transition:background-color .3s,color .3s;display:block}.sidenav a:first-of-type{border:none;margin-top:30px}.sidenav a:hover{color:#ec008c;cursor:pointer}.sidenav a.premium-nav-link{color:#ec008c;font-weight:700}#openNavBtn{cursor:pointer;z-index:1000;background-color:#fff;border:2px solid #ec008c;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .2s ease-in-out;display:none;position:fixed;top:150px;right:20px;box-shadow:0 4px 8px #0000001a}.open-btn:hover{transform:scale(1.1)}.open-btn svg{stroke:#ec008c;stroke-width:2px;width:24px;height:24px;position:absolute;bottom:10px;right:12px}.table-responsive-wrapper{-webkit-overflow-scrolling:touch;width:100%;padding:1rem 1rem 4rem;overflow-x:auto}.table-responsive-wrapper::-webkit-scrollbar{height:8px}.table-responsive-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.table-responsive-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-responsive-wrapper::-webkit-scrollbar-thumb:hover{background:#ec008c}.login-btn{color:#fff;box-sizing:border-box;background-color:#6c757d;border-radius:50px;justify-content:center;align-items:center;width:80px;height:40px;font-size:.8rem;transition:all .15s ease-in-out;display:flex;position:absolute;top:20px;right:10px;box-shadow:0 6px #343a40}.login-btn:hover{background-color:#7a838b;transform:translateY(-2px);box-shadow:0 8px #343a40}.login-btn:active{box-shadow:none;transform:translateY(3px)}#login_button{right:100px}#signout_button{display:none}.forgot-password,#signUpLink{color:#00f;cursor:pointer;margin-left:1rem}#noAccountLink{margin:1rem}.reset-password-container{flex-direction:column;align-items:center;padding:1rem;display:flex}.reset-password-container h2{color:var(--title-color);text-align:center;margin-bottom:.5rem;font-size:1.8rem}.reset-subtitle{color:#666;text-align:center;margin-bottom:2rem;font-size:.95rem}#new-password-form{flex-direction:column;align-items:center;width:100%;display:flex}#new-password-form .form-group{text-align:left;width:90%;margin-bottom:1.5rem}#new-password-form .form-group input{box-sizing:border-box;width:100%;height:40px}#new-password-form .login-btn{background-color:var(--main-color);border-radius:8px;width:60%;height:auto;margin:1rem auto 0;padding:.8rem 1.5rem;font-size:1rem;position:static}#new-password-form .login-btn:hover{background-color:#c90076}@media (width<=768px){.login-btn{width:auto;padding:.5rem;font-size:.75rem}#login_button{right:85px}}.edit-class-container{box-sizing:border-box;background:#fff;border-radius:8px;max-width:900px;margin:0 auto;padding:20px;box-shadow:0 2px 10px #0000000d}#class_name,#edit_class{box-sizing:border-box;border-radius:.5rem;max-width:200px}#delete_class{box-sizing:border-box;min-width:200px;max-width:200px;margin-left:1rem;padding-left:0}.delete_class_btn{box-sizing:border-box;background-color:red;justify-content:center;align-items:center;width:50%;margin:1rem;display:flex}.add_class_btn,#create_student_btn,#add_multiple_students_btn{box-sizing:border-box;background-color:#66d849;justify-content:center;align-items:center;width:50%;margin:1rem;display:flex}#student_management_section h2{color:#333;margin-bottom:15px;font-size:1.5rem}.bulk-import-area{box-sizing:border-box;background:#f9f9f9;border:1px solid #ddd;border-radius:6px;margin-bottom:20px;padding:15px}.bulk-import-area textarea{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;height:80px;margin-top:10px;margin-bottom:10px;padding:10px;font-family:monospace;font-size:.9rem}.table-controls{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}#students_table{border-collapse:collapse;width:100%;margin-top:10px;font-size:.95rem}#students_table th,#students_table td{text-align:left;border-bottom:1px solid #eee;padding:10px}#students_table th{background-color:#f4f4f4;font-weight:600}.row-pending{background-color:#fff8e1;border-left:4px solid #f1c40f}.status-cell{text-transform:uppercase;color:#7f8c8d;font-size:.8rem;font-weight:700}.row-pending .status-cell{color:#f39c12}#progress-dashboard-view{box-sizing:border-box;background-color:#f5f5f5;border:3px solid #ec008c;border-radius:20px;width:90%;max-width:800px;margin:1rem auto;padding:1rem;display:none;position:relative}.class-accordion-container{width:100%;margin-bottom:1rem}.class-accordion-btn{color:#333;text-align:left;box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:5px;justify-content:space-between;align-items:center;width:100%;padding:1rem;font-size:1.1rem;font-weight:600;transition:all .2s ease-in-out;display:flex;box-shadow:0 2px 4px #00000005}.class-accordion-btn:hover{background-color:#f8f9fa;border-color:#4299e1;box-shadow:0 0 0 3px #4299e133}.class-accordion-btn.active{color:#fff;background-color:#ec008c;border-color:#ec008c}.accordion-icon{transition:transform .3s}.class-accordion-btn.active .accordion-icon{transform:rotate(180deg)}.class-accordion-content{background-color:#fff;border-left:3px solid #ec008c;border-radius:0 0 5px 5px;max-height:0;transition:max-height .3s ease-out;overflow:hidden}.table-responsive-wrapper{-webkit-overflow-scrolling:touch;box-sizing:border-box;width:100%;padding:1rem 1rem 4rem;overflow-x:auto}.student-progress-table{border-collapse:separate;border-spacing:0;width:100%;min-width:600px;font-size:.95rem}.student-progress-table th,.student-progress-table td{background-color:#fff;border-bottom:1px solid #e2e8f0;height:50px;padding:12px 10px}.student-progress-table th:first-child,.student-progress-table td:first-child,.student-progress-table th:nth-child(2),.student-progress-table td:nth-child(2){z-index:10;text-align:left;border-right:1px solid #e2e8f0;position:sticky;box-shadow:2px 0 5px -2px #0000001a}.student-progress-table th:first-child,.student-progress-table td:first-child{width:110px;min-width:110px;max-width:110px;left:0}.student-progress-table th:nth-child(2),.student-progress-table td:nth-child(2){width:120px;min-width:120px;max-width:120px;left:110px}.student-progress-table th:first-child,.student-progress-table th:nth-child(2){z-index:20;background-color:#f8fafc}.student-progress-table th{color:#334155;white-space:nowrap;z-index:5;background-color:#f8fafc;font-weight:700;position:relative}.avg-col{color:#333;background-color:#fcfcfc;font-weight:800;border-left:3px solid #e2e8f0!important}.score-text{width:100%;font-family:Courier New,Courier,monospace;font-weight:700;display:block}.score-high{color:#27ae60}.score-mid{color:#d35400}.score-low{color:#c0392b}.unit-header-tooltip{cursor:help}.unit-header-tooltip:hover{z-index:100!important}.unit-header-tooltip:after{content:attr(data-topic);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:1000;background-color:#333;border:1px solid #ec008c;border-radius:6px;margin-top:10px;padding:8px 12px;font-size:.8rem;transition:opacity .2s ease-in;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 6px #0000001a}.unit-header-tooltip:before{content:"";opacity:0;visibility:hidden;z-index:1000;border:6px solid #0000;border-bottom-color:#333;margin-top:-2px;transition:opacity .2s ease-in;position:absolute;top:100%;left:50%;transform:translate(-50%)}.unit-header-tooltip:hover:after,.unit-header-tooltip:hover:before{opacity:1;visibility:visible}.svg_wrapper_tooltip{display:inline-block;position:relative}.svg_wrapper_tooltip:after{content:"Click to add a single student";opacity:0;visibility:hidden;background-color:#fff;border:1px solid #ec008c;border-radius:5px;width:100px;padding:.2rem;transition:opacity .4s ease-in;position:absolute;bottom:90%;transform:translate(-10%)}.svg_wrapper_tooltip:hover:after{opacity:1;visibility:visible}@media (width<=768px){#class_name,#edit_class,#delete_class,.add_class_btn,#create_student_btn,#add_multiple_students_btn{width:100%;max-width:100%;margin:10px 0}.form-actions{flex-direction:column;gap:10px;display:flex}}.main_contents{box-sizing:border-box;background-color:#f5f5f5;border:3px solid #ec008c;border-radius:20px;width:90%;max-width:800px;margin:1rem auto;padding:1rem;display:none;position:relative}.main_contents.active{display:block}.main_contents_title{color:#343a40;margin-left:2rem;text-decoration:underline}.main_contents_account_details{box-sizing:border-box;background-color:#ead6c3;border-radius:20px;grid-template-columns:1fr 2fr 2fr;place-items:center;width:100%;height:auto;padding:1rem;display:grid}.change_input{box-sizing:border-box;height:40%}.change_label{color:#343a40}.change_select{box-sizing:border-box;border-radius:10px;width:90%;height:40%;font-size:.9rem}.main_input_label{color:var(--title-color)}.main_change_input{max-height:1rem}li{background-color:#f5f5f5;border-radius:5px;margin:.2rem;padding:1rem}li:hover{cursor:pointer;background-color:#f5f5f5;border-color:#4299e1;border-radius:2px;box-shadow:0 0 0 3px #4299e180}@media (width<=768px){.main_contents_account_details{grid-template-columns:1fr;gap:15px}.main_contents_title{text-align:center;margin-left:0}}#games_dropdown{background-color:#fcfcfc;max-height:0;transition:max-height .4s cubic-bezier(.25,.8,.25,1);overflow:hidden;box-shadow:inset 0 5px 10px -10px #0003}#games_dropdown.expanded{max-height:350px}.game-nav-link{opacity:0;transform:translateY(-15px);border-bottom:1px dashed #e2e8f0!important;padding:12px 20px 12px 45px!important;font-size:16px!important}.game-nav-link:hover{background-color:#f0f0f0;padding-left:50px!important}#games_dropdown.expanded .game-nav-link{opacity:1;transform:translateY(0)}#games_dropdown.expanded .game-nav-link:first-child{transition:opacity .6s .1s,transform .6s cubic-bezier(.34,1.56,.64,1) .1s,padding .2s .1s,background-color .2s .1s}#games_dropdown.expanded .game-nav-link:nth-child(2){transition:opacity .5s .2s,transform .5s cubic-bezier(.34,1.56,.64,1) .2s,padding .2s .2s,background-color .2s .2s}#games_dropdown.expanded .game-nav-link:nth-child(3){transition:opacity .4s .25s,transform .4s cubic-bezier(.34,1.56,.64,1) .25s,padding .2s .25s,background-color .2s .25s}#games_dropdown.expanded .game-nav-link:nth-child(4){transition:opacity .3s .28s,transform .3s cubic-bezier(.34,1.56,.64,1) .28s,padding .2s .28s,background-color .2s .28s}#games_dropdown.expanded .game-nav-link:nth-child(5){transition:opacity .2s .3s,transform .2s cubic-bezier(.34,1.56,.64,1) .3s,padding .2s .3s,background-color .2s .3s}#games_dropdown:not(.expanded) .game-nav-link{transition:opacity .1s,transform .1s!important}
/*# sourceMappingURL=edoople_frontend.9af16d33.css.map */