.modal-background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container{background-color:white;padding:40px 40px 5px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);width:30%;max-width:600px;z-index:1001;position:relative;text-align:center}.close-button{background:none;border:none;font-size:1.1rem;position:absolute;top:15px;right:15px;cursor:pointer;transition:background-color .3s ease,color .3s ease}body.dark-mode .modal-background{background-color:rgba(0,0,0,.8)}body.dark-mode .modal-container{background-color:#2b2b2b;color:#ffffff;border-radius:10px;box-shadow:0 2px 10px rgba(255,255,255,.1);width:30%;max-width:600px;z-index:1001;position:relative;text-align:center}body.dark-mode .close-button{background:none;border:none;font-size:1.1rem;color:#ffffff;position:absolute;top:15px;right:15px;cursor:pointer;transition:background-color .3s ease,color .3s ease}body.dark-mode .close-button:hover{color:#d17db7}.modal-title{font-size:2.2rem;font-weight:500;padding-bottom:30px;margin:0 0 60px;color:#6a1b9a;background:linear-gradient(90deg,rgba(139,0,103,.6),rgba(139,0,103,.4),rgba(139,0,103,.4),rgba(1,93,170,.4),rgba(1,93,170,.4),rgba(1,93,170,.5));-webkit-background-clip:text;-webkit-text-fill-color:transparent;user-select:none}.modal-text{font-size:1rem;color:#777777}.modal-contact-text{font-size:.9rem;color:#777777}.modal-contact-text a{color:#777777;text-decoration:none}.modal-contact-text a:hover{text-decoration:underline}.google-signin{margin:10px 0 60px;display:flex;justify-content:center;align-items:center}body.dark-mode .modal-title{color:#ffffffd3;background:none;-webkit-text-fill-color:#ffffff}body.dark-mode .modal-text{font-size:1rem;color:#cccccc}body.dark-mode .modal-contact-text{font-size:.9rem;color:#cccccc}body.dark-mode .modal-contact-text a{color:rgb(134,64,115);text-decoration:none}body.dark-mode .modal-contact-text a:hover{text-decoration:underline}body.dark-mode .google-signin{margin:10px 0 60px;display:flex;justify-content:center;align-items:center;border-radius:10px}.content-modal-container{background-color:white;padding:40px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);width:80%;max-height:90vh;overflow:hidden;z-index:1001;position:relative;text-align:left}.course-content-inst-view{max-height:calc(90vh - 80px);overflow-y:auto}body.dark-mode .content-modal-container{background-color:#2b2b2b;color:#ffffff;border-radius:10px;box-shadow:0 2px 10px rgba(255,255,255,.1);width:80%;max-height:90vh;overflow:hidden;z-index:1001;position:relative;text-align:left}body.dark-mode .course-content-inst-view{max-height:calc(90vh - 80px);overflow-y:auto;background-color:#1a1a1a;color:#ffffff;padding:10px;border-radius:5px}.profile-modal-content{max-width:600px;padding:40px;max-height:80%;width:30%}.profile-table{display:flex;flex-direction:column;gap:10px}.profile-label{padding:10px 30px 5px 0;width:120px;vertical-align:top;font-weight:500;color:#777777;text-align:right}.profile-value{padding:10px 0 5px;color:#2b2b2b;flex:1}.profile-modal-content{background-color:white;padding:20px;border-radius:10px;max-width:90%;width:400px;position:relative;box-shadow:0 2px 10px rgba(0,0,0,.1)}.profile-value{text-align:left;word-break:break-word}body.dark-mode .profile-modal-content{background-color:#2b2b2b;color:#ffffff;padding:20px;border-radius:10px;max-width:90%;width:400px;position:relative;box-shadow:0 2px 10px rgba(255,255,255,.1)}body.dark-mode .profile-table{display:flex;flex-direction:column;gap:10px}body.dark-mode .profile-label{padding:10px 30px 5px 0;width:120px;vertical-align:top;font-weight:500;color:#cccccc;text-align:right}body.dark-mode .profile-value{padding:10px 0 5px;text-align:left;color:#ffffff;word-break:break-word;flex:1}.help-modal{position:fixed;z-index:1001;left:50%;top:50%;transform:translate(-50%,-50%);width:50%;max-width:500px;background-color:white;padding:30px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.3)}.help-modal-content{position:relative;height:80%;text-align:left}.help-modal-content h2{margin:10px 0 40px;text-align:center}.help-close-button{position:absolute;top:-25px;right:-10px;background:none;border:none;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease,color .3s ease}body.dark-mode .help-modal{position:fixed;z-index:1001;left:50%;top:50%;transform:translate(-50%,-50%);width:50%;max-width:500px;background-color:#2b2b2b;color:#ffffff;padding:30px;border-radius:10px;box-shadow:0 5px 15px rgba(255,255,255,.2)}body.dark-mode .help-modal-content{position:relative;height:80%;text-align:left;color:#ffffff}body.dark-mode .help-modal-content h2{margin:10px 0 40px;text-align:center;color:#ffffff}body.dark-mode .help-close-button{position:absolute;top:-25px;right:-10px;background:none;border:none;font-size:1.1rem;color:#ffffff;cursor:pointer;transition:background-color .3s ease,color .3s ease}body.dark-mode .help-close-button:hover{color:#d17db7}.bg-quiz-result-bar{background-image:linear-gradient(135deg,rgba(139,0,103,.4),rgba(1,93,170,.4))!important;background-color:white!important}.quiz-pass-modal-background{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.quiz-pass-modal-content{background-color:white;border-radius:8px;padding:40px 30px;width:500px;max-width:90%;box-shadow:0 4px 15px rgba(0,0,0,.1);text-align:center;position:relative}.quiz-pass-modal-title{font-size:24px;font-weight:700;margin-bottom:8px}.quiz-pass-subtitle{font-size:20px;margin-bottom:12px}.quiz-pass-score{font-size:16px;margin-bottom:20px}.quiz-pass-buttons{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:10px}.go-to-achievements-button{color:#2b2b2b;background-color:transparent;width:200px;padding:5px 10px;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;border-radius:50px;border:2px solid #2b2b2b;cursor:pointer;transition:background-color .3s ease,color .3s ease}.go-to-achievements-button:hover{color:#ffffff;background-color:#2b2b2b}.transcript-explanation{margin-top:30px;font-size:14px;color:#777777;margin-bottom:0}.quiz-pass-close-button{position:absolute;top:15px;right:15px;background:transparent;border:none;font-size:18px;cursor:pointer}body.dark-mode .bg-quiz-result-bar{background-image:linear-gradient(135deg,rgba(139,0,103,.7),rgba(1,93,170,.7))!important;background-color:#2b2b2b!important}body.dark-mode .quiz-pass-modal-background{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}body.dark-mode .quiz-pass-modal-content{background-color:#2b2b2b;color:#ffffff;border-radius:8px;padding:40px 30px;width:500px;max-width:90%;box-shadow:0 4px 15px rgba(255,255,255,.2);text-align:center;position:relative}body.dark-mode .quiz-pass-modal-title{font-size:24px;font-weight:700;margin-bottom:8px;color:#ffffff}body.dark-mode .quiz-pass-subtitle{font-size:20px;margin-bottom:12px;color:#cccccc}body.dark-mode .quiz-pass-score{font-size:16px;margin-bottom:20px;color:#ffffff}body.dark-mode .quiz-pass-buttons{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:10px}body.dark-mode .go-to-achievements-button{color:#ffffff;background-color:transparent;border:2px solid #ffffff;width:200px;padding:5px 10px;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;border-radius:50px;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease}body.dark-mode .go-to-achievements-button:hover{color:#2b2b2b;background-color:#ffffff}body.dark-mode .transcript-explanation{margin-top:30px;font-size:14px;color:#cccccc;margin-bottom:0}body.dark-mode .quiz-pass-close-button{position:absolute;top:15px;right:15px;background:transparent;border:none;font-size:18px;color:#ffffff;cursor:pointer;transition:color .3s ease}body.dark-mode .quiz-pass-close-button:hover{color:#d17db7}.quiz-fail-modal-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.quiz-fail-modal-content{background-color:white;border-radius:8px;padding:20px;width:500px;text-align:center;position:relative}.quiz-fail-close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:18px;cursor:pointer}.quiz-fail-retake-button{background-color:black;color:white;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}@media (max-width:1100px){.module-quiz-performance{display:none}}@media (max-width:1024px){.help-modal-content h2,.modal-title{font-size:2rem}.modal-container,.profile-modal-content{padding:30px;width:40%}.help-modal{padding:30px;width:60%}.close-button,.help-close-button{font-size:1.3rem}.modal-text,.profile-value{font-size:.95rem}.modal-contact-text{font-size:.85rem}.profile-label{padding:8px 20px 5px 0;font-size:.95rem}.content-modal-container{width:90%;padding:30px}.google-signin{margin-top:20px!important;margin-bottom:20px!important}}@media (max-width:576px){.help-modal-content h2,.modal-title{font-size:1.8rem}.help-modal,.modal-container,.profile-modal-content{padding:20px;width:85%}.close-button{font-size:1.3rem;top:10px;right:10px}.modal-text,.profile-value{font-size:.9rem}.google-signin{margin-top:20px!important;margin-bottom:20px!important}.modal-contact-text{font-size:.8rem}.profile-label{padding:5px 15px 5px 0;width:100px;font-size:.85rem}.help-close-button{font-size:1.3rem;top:-20px;right:-5px}.content-modal-container{width:90%;padding:30px}}body.dark-mode .quiz-fail-modal-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}body.dark-mode .quiz-fail-modal-content{background-color:#2b2b2b;border-radius:8px;padding:20px;width:500px;text-align:center;position:relative;color:#ffffff;box-shadow:0 4px 15px rgba(255,255,255,.2)}body.dark-mode .quiz-fail-close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:18px;cursor:pointer;color:#ffffff;transition:color .3s ease}body.dark-mode .quiz-fail-close-button:hover{color:#d17db7}body.dark-mode .quiz-fail-retake-button{background-color:#444444;color:#ffffff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s ease,color .3s ease}body.dark-mode .quiz-fail-retake-button:hover{background-color:#ffffff;color:#2b2b2b}@media (max-width:1100px){body.dark-mode .module-quiz-performance{display:none}}@media (max-width:1024px){body.dark-mode .help-modal-content h2,body.dark-mode .modal-title{font-size:2rem}body.dark-mode .modal-container,body.dark-mode .profile-modal-content{padding:30px;width:40%}body.dark-mode .help-modal{padding:30px;width:60%}body.dark-mode .close-button,body.dark-mode .help-close-button{font-size:1.3rem}body.dark-mode .modal-text,body.dark-mode .profile-value{font-size:.95rem;color:#cccccc}body.dark-mode .modal-contact-text{font-size:.85rem;color:#cccccc}body.dark-mode .profile-label{padding:8px 20px 5px 0;font-size:.95rem;color:#cccccc}body.dark-mode .content-modal-container{width:90%;padding:30px}}@media (max-width:576px){body.dark-mode .help-modal-content h2,body.dark-mode .modal-title{font-size:1.8rem}body.dark-mode .help-modal,body.dark-mode .modal-container,body.dark-mode .profile-modal-content{padding:20px;width:85%}body.dark-mode .close-button{font-size:1.3rem;top:10px;right:10px;color:#ffffff}body.dark-mode .modal-text,body.dark-mode .profile-value{font-size:.9rem;color:#cccccc}body.dark-mode .modal-contact-text{font-size:.8rem;color:#cccccc}body.dark-mode .profile-label{padding:5px 15px 5px 0;width:100px;font-size:.85rem;color:#cccccc}body.dark-mode .help-close-button{font-size:1.3rem;top:-20px;right:-5px;color:#ffffff}body.dark-mode .content-modal-container{width:90%;padding:30px}}body.dark-mode .course-content-inst-view{background-color:transparent!important}body.dark-mode .edit-meta-btn{border:2px solid #fff!important}.edit-meta-btn{margin-bottom:10px}.assign-btn,.edit-meta-btn{background-color:#2b2b2b;color:white;border-radius:50px;border:1px solid #2b2b2b;padding:6px 13px;display:flex;align-items:center;gap:5px;white-space:nowrap}.edit-text{display:inline}@media (max-width:800px){.edit-text{display:none}}@media (min-width:801px){.edit-text{display:inline}}