@import"https://fonts.googleapis.com/css2?family=Edu+SA+Hand:wght@400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";#user-auth-wrapper{position:relative;height:100vh;background:var(--accent);display:flex;align-items:center;justify-content:center}.auth-form{display:flex;flex-direction:column;align-items:center;gap:.5rem;max-width:90%;min-width:250px;background:var(--light);border-radius:10px;padding:2rem}.auth-title{text-align:center;font-size:1.5rem}.auth-title img{background-color:var(--light);border-radius:10px;max-width:300px;margin-bottom:2rem}.auth-form form{display:flex;flex-direction:column;width:100%}.auth-form form input{font-size:1.3rem;padding:.5rem;margin-bottom:.5rem}.auth-external-services{display:flex;flex-direction:column;width:100%}.auth-external-services p{text-align:center;margin-bottom:.5rem}.auth-google-icon{margin-right:.5rem;color:red}@media screen and (min-width:800px){.auth-form{min-width:600px}}.auth-callback{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;min-height:12rem}.auth-callback-spinner{width:2.5rem;height:2.5rem;border:3px solid #ddd;border-top-color:var(--darkgreen);border-radius:50%;animation:auth-callback-spin .8s linear infinite}.auth-callback-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--accent)}.auth-callback-subtitle{margin:0;font-size:.95rem;color:#4b5563;line-height:1.4;max-width:18rem}@keyframes auth-callback-spin{to{transform:rotate(360deg)}}#interface-wrapper{height:100vh;width:100%;display:flex;background:var(--accent);padding:1rem;overflow:hidden}#sidebar-wrapper{position:fixed;top:0;left:0;height:100%;width:80%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem 0 1rem 1rem;background:var(--accent);color:#fff;transform:translate(-100%);transition:transform .3s ease;z-index:10}#sidebar-wrapper.open{transform:translate(0)}#sidebar-logo{width:150px}#sidebar-logo{margin:0 auto}#sidebar-user-info img{width:40px}#sidebar-user-info{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}#premium{color:#ec7e2e}#sidebar-user-info h1{font-size:1.5rem}#sidebar-menu-button{color:var(--light);font-size:1.5rem;font-weight:600;padding:1rem 1rem 0 0}.sidebar-user-image{max-width:50px;border-radius:100%}#sidebar-logo{max-width:50%}#sidebar-menu-close-button{position:absolute;top:2rem;right:0;font-size:2.5rem}nav{display:flex;flex-direction:column;align-items:end}nav ul{width:100%;display:flex;flex-direction:column;gap:1rem}nav ul li{position:relative;display:flex;align-items:center;gap:1rem;overflow:hidden;cursor:pointer;border-top-left-radius:10px;border-bottom-left-radius:10px;list-style-type:none}nav ul li:before{content:"";position:absolute;inset:0;background-color:var(--light);clip-path:inset(0 0 0 100%);transition:clip-path .4s ease;transform-origin:right}nav ul li:hover:before{clip-path:inset(0 0 0 0)}nav ul li a.active{background-color:var(--light);color:var(--accent)}nav ul li:has(button):before{background-color:red}nav ul li a,nav ul li button{width:100%;font-size:1.2rem;font-weight:600;z-index:2;text-decoration:none;padding:1rem;color:#fff;display:flex;align-items:center;gap:1rem}nav ul li a:hover{color:var(--accent)}nav ul li button{border:none;background:transparent;cursor:pointer;text-align:left;color:red}nav ul li button:hover{color:var(--light)}@media screen and (min-width:500px){#sidebar-wrapper{width:70%}}@media screen and (min-width:1100px){#sidebar-wrapper{position:static;transform:translate(0);max-width:25%}#sidebar-menu-button,#sidebar-menu-close-button{display:none}}.btn{border:none;cursor:pointer;border-radius:8px;font-weight:500;color:#fff;display:flex;align-items:center;justify-content:center;transition:.3s;text-decoration:none}.btn:hover{filter:brightness(90%)}.btn--primary{background:var(--darkgreen)}.btn--secondary{background:var(--accent)}.btn--feature{background:var(--purple)}.btn--delete{background:red}.btn--ghost{background:transparent}.btn--sm{padding:6px 10px;font-size:.8rem}.btn--md{padding:.5rem .8rem;font-size:1rem}.btn--lg{padding:.6rem .9rem;font-size:1.2rem}.exam-card-wrapper{min-height:12rem;position:relative;background-color:var(--accent);color:var(--light);padding:1rem;border-radius:10px;font-weight:600}.exam-completed{background-color:var(--success)}.exam-card-data h4{font-size:1.5rem;margin:.5rem 0}.exam-card-data-date{position:relative;left:-1rem;background:#fff;color:var(--accent);padding:0 1rem;border-top-right-radius:5px;border-bottom-right-radius:5px}.exam-card-options-button{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--light);font-size:1.3rem;cursor:pointer}.exam-card-data-term-wrapper{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.exam-card-data-term{height:25px;width:25px;display:flex;align-items:center;justify-content:center;background-color:var(--light);border-radius:100%}.exam-card-data-term span{color:var(--accent)}.exam-card-options{position:absolute;top:3rem;right:1rem;background:var(--light);display:flex;flex-direction:column;gap:.5rem;padding:.5rem;border-radius:.5rem}.exam-success-button{margin:0}.main-section-wrapper{flex:1;background:var(--light);border-radius:.5rem;padding:1rem;overflow-y:scroll}.main-section-wrapper h3{margin-top:1rem}#exams-data{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem;overflow-y:scroll;max-height:400px;padding-right:2px}#add-exam-button{background-color:var(--success)}#export-exams-button{margin-top:1rem}@media screen and (min-width:600px){#exams-data{grid-template-columns:1fr 1fr}}@media screen and (min-width:1200px){#exams-data{grid-template-columns:1fr 1fr 1fr}}#exams-data::-webkit-scrollbar,.main-section-wrapper::-webkit-scrollbar{width:4px}#exams-data::-webkit-scrollbar,.main-section-wrapper::-webkit-scrollbar-track{background:transparent}#exams-data::-webkit-scrollbar,.main-section-wrapper::-webkit-scrollbar-thumb{background:var(--light);border-radius:999px}#add-exam-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center}#add-exam-form{max-width:26rem;background:var(--light);padding:24px;border-radius:1rem;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;gap:14px}input,select,textarea{padding:10px;border-radius:8px;border:1px solid #ddd;font-size:1rem}#add-exam-form button,#add-exam-button{padding:10px;border:none;border-radius:8px;background:var(--success);color:var(--light);cursor:pointer;font-weight:600}button:disabled{opacity:.6;cursor:not-allowed}:root{--light: #f5f5f5;--accent: #111827;--purple: #6b46c1;--gradient1: #064772;--gradient2: #0f52ba;--success: #1aaa1a;--darkgreen: #188a18;--font-main: "Edu SA Hand";--font-second: "Inter"}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-second)}.flex-column{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%}.checkout-form{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:480px;min-width:250px;padding:2rem;background:var(--light);border-radius:10px;box-shadow:0 10px 30px #0000004d}.checkout-header{display:flex;flex-direction:column;gap:.25rem;text-align:center}.checkout-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--accent)}.checkout-title span{color:#ec7e2e}.checkout-price{margin:0;font-size:1.25rem;font-weight:600;color:var(--accent)}.checkout-subtitle{margin:.25rem 0 0;font-size:.95rem;color:#4b5563;line-height:1.4}.payment-wrapper{padding:1rem;border:1px solid #ddd;border-radius:8px;background-color:#fff}.checkout-form-actions{display:flex;flex-direction:column;gap:.5rem;width:100%}@media screen and (min-width:800px){.checkout-form{min-width:420px}}@media(max-width:600px){.checkout-form{padding:1.5rem}}.payment-success-message{margin:0;font-size:1rem;font-weight:600;color:var(--success);text-align:center}.quiz-component-wrapper{min-width:40%;display:flex;justify-content:center;gap:1rem;position:relative;border-radius:1rem;padding:1rem}.quiz-component-image{max-width:30%;display:flex;align-items:center}.quiz-component-image img{max-width:100%}.quiz-component-copy{display:flex;justify-content:center;flex-direction:column}.quiz-component-copy span{color:#0d0dbd}.quiz-component-copy h2{font-size:1.2rem}.quiz-component-copy p{margin-top:.2rem;font-size:1rem}#file-upload{border:none;padding:0;font-size:.7rem}#file-upload::file-selector-button{border:none;cursor:pointer;border-radius:8px;font-weight:500;color:#fff;transition:.3s;background:var(--darkgreen);margin:1rem 1rem 0 0;padding:.5rem .8rem;font-size:1rem}#file-upload::file-selector-button:hover{filter:brightness(90%)}@media screen and (min-width:650px){.quiz-component-image{max-width:20%}#file-upload{font-size:1rem}.quiz-component-copy h2{font-size:1.5rem}}.quiz-container{width:100%;animation:fadeIn .4s ease-in-out}.quiz-loading{margin:1rem 0;font-size:1rem;color:var(--accent)}.quiz-list{width:100%;max-width:640px;margin-top:1.5rem;list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}.quiz-item{padding:1rem;background:#fff;border:1px solid #ddd;border-radius:10px;line-height:1.5}.quiz-question{margin-bottom:.75rem;font-size:1rem;font-weight:600;color:var(--accent)}.quiz-options{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.quiz-option{cursor:pointer;padding:10px;border:1px solid #ddd;border-radius:8px;background-color:#fff;color:var(--accent);font-size:1rem;transition:background-color .2s ease,border-color .2s ease}.quiz-option:hover{background-color:var(--light);border-color:#bbb}.quiz-option.correct{background-color:var(--success);border-color:var(--darkgreen);color:#fff}.quiz-option.incorrect{background-color:red;border-color:red;color:#fff}.quiz-result{margin-top:.75rem;font-weight:600;font-size:.95rem}.quiz-result.success{color:var(--darkgreen)}.quiz-result.failure{color:red}.quiz-summary{width:100%;max-width:640px;margin-top:1.5rem;padding:1.5rem;background:#fff;border:1px solid #ddd;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.quiz-summary-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--accent)}.quiz-summary-score{margin:0;font-size:1rem;color:var(--accent)}.quiz-summary-message{margin:0;font-size:1rem;font-weight:600;color:var(--purple)}.quiz-history{width:100%;max-width:640px;margin-top:2rem;display:flex;flex-direction:column;gap:.75rem}.quiz-history-empty{margin:0;font-size:.95rem;color:#4b5563;text-align:center}.quiz-history-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.quiz-history-item{width:100%;padding:.875rem 1rem;border:1px solid #ddd;border-radius:8px;background:#fff;color:var(--accent);font-size:.95rem;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;text-align:left;transition:background-color .2s ease,border-color .2s ease}.quiz-history-item:hover{background-color:var(--light);border-color:#bbb}.quiz-history-item.active{border-color:var(--darkgreen);background-color:#fff;box-shadow:0 0 0 1px var(--darkgreen)}.quiz-history-date{font-weight:600}.quiz-history-score{color:#4b5563}.quiz-details{width:100%;max-width:640px;margin-top:1rem;padding:1.5rem;background:#fff;border:1px solid #ddd;border-radius:10px;display:flex;flex-direction:column;gap:1rem;animation:fadeIn .4s ease-in-out}.quiz-detail-answer{margin:.25rem 0 0;font-size:.95rem}.quiz-detail-answer.success{color:var(--darkgreen)}.quiz-detail-answer.failure{color:red}@media(max-width:640px){.quiz-item{padding:.875rem}.quiz-option{padding:.625rem;font-size:.95rem}.quiz-summary,.quiz-details{padding:1.25rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-form{width:100%;max-width:26rem;display:flex;flex-direction:column;gap:14px}.settings-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--accent)}.settings-subtitle{margin:0;font-size:.95rem;color:#4b5563}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:1rem;font-weight:500;color:var(--accent)}.settings-form input[type=text],.settings-form input[type=email]{padding:10px;border-radius:8px;border:1px solid #ddd;font-size:1rem;background:#fff;color:var(--accent)}.settings-form input:disabled{background:var(--light);cursor:not-allowed}.settings-checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500}.settings-checkbox-group input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--darkgreen)}.settings-account-info{padding:.875rem 1rem;border:1px solid #ddd;border-radius:8px;background:#fff}.settings-account-info p{margin:0;font-size:.95rem;color:var(--accent)}.settings-account-info span{color:#ec7e2e;font-weight:600}.settings-error{margin:0;color:red;font-size:.95rem}