@charset "UTF-8";*{box-sizing:border-box;margin-left:0;margin-right:0}*,body,html{padding-left:0;padding-right:0}body,html{overflow-x:hidden;width:100%}.user-view{overflow:hidden;padding-top:80px;position:relative}.user-view .main-content{display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;overflow:hidden;transition:margin-left .3s,margin-right .3s}@media screen and (max-width:768px){.user-view{padding-top:65px}.user-view .main-content{padding:0 2px}}body,button,input,textarea{font-family:var(--font-family-primary);font-size:var(--font-size-body)}.user-form-input,input[type=email],input[type=number],input[type=password],input[type=text]{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#3c3c3c;padding:5px;width:100%}.user-form-input::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=text]::placeholder{color:#3c3c3c;opacity:.7}.fade-in{animation:fadeIn .5s ease-in-out}body{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;overflow-y:auto}body.default-background,body.login-signup-background{background-image:url(/static/media/blob-haikei.743f485c60b98b4a59f3.svg)}.filter-input{border:1px solid #ccc;border-radius:4px;font-size:16px}.filter-input::placeholder{color:#999}input[type=text].filter-input{width:96%}.top-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.filter-container{align-items:center;display:flex;flex:0 0 auto;width:300px}.search-button{border:1px solid #ccc;border-radius:4px;color:#fff;cursor:pointer;margin-left:5px;padding:5px 10px}.search-button:hover{background-color:#f5f5f5}input[type=text].filter-input{width:calc(100% - 50px)}.loading-message{font-size:16px;margin-top:150px;text-align:center}.signup-page{color:#fff;height:100vh;justify-content:center;text-align:center}.signup-form,.signup-page{align-items:center;display:flex;flex-direction:column}.signup-form{margin:0 auto;max-width:1000px;width:100%}.signup-form input,.signup-form select{border:1px solid #ccc;border-radius:4px;margin:10px 0;max-width:500px;padding:10px;width:80%}.signup-form select option{background-color:#3a3d41;color:#fff}.signup-input{border:1px solid #ccc;border-radius:4px;margin:10px 0;max-width:500px;padding:10px;width:80%}.button{background-color:#253343;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:10px auto;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s,transform .3s;width:200px}.button:hover{background-color:#06213a;transform:scale(1.05)}.signup-microsoft-button{align-items:center;background-color:#2f2f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin-top:10px;max-width:500px;padding:10px 20px;transition:background-color .3s,transform .3s;width:80%}.signup-microsoft-button img{height:20px;margin-right:10px;width:20px}.signup-microsoft-button:hover{background-color:#1a1a1a;transform:scale(1.05)}.signup-text{color:#000;margin-top:20px;text-align:center}.signup-title{color:#1a1a1a;margin-bottom:20px;text-align:center}.button-group{justify-content:space-between;margin-top:10px;max-width:500px;width:80%}.button-group .button{width:calc(50% - 5px)}.legal-checkboxes{align-items:center;display:flex;flex-direction:column;margin:10px 0;max-width:500px;width:80%}.checkbox-container{align-items:center;display:flex;margin-bottom:10px}.checkbox-container input[type=checkbox]{margin-right:10px;width:auto}.checkbox-container label{color:#000;text-align:left}.checkbox-container label a{color:#253343;text-decoration:underline}.loginpage-main-content{height:85vh;justify-content:center;overflow:hidden;padding-top:80px;text-align:center}.loginpage-form,.loginpage-main-content{align-items:center;display:flex;flex-direction:column}.loginpage-form{background-color:#23232325;border-radius:10px;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:500px;padding:20px;width:100%}.loginpage-input{border:1px solid #ccc;border-radius:4px;margin:10px 0;max-width:500px;padding:10px;width:80%}.loginpage-button-group{display:flex;justify-content:space-between;margin-top:10px;max-width:500px;width:80%}.loginpage-button,.loginpage-forgot-button,.loginpage-signup-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s,transform .3s}.loginpage-button{background-color:#253343;margin-right:5px;width:calc(50% - 8px)}.loginpage-forgot-button{background-color:#e6e6e6;color:#000;margin-left:5px;width:calc(50% - 8px)}.loginpage-signup-button{background-color:#253343;margin-top:10px;max-width:500px;overflow:hidden;position:relative;width:80%}.loginpage-signup-button:before{background:url(/static/media/rocket.287a0a8b40d35615bbd1.gif) no-repeat 50%;background-size:cover;content:"";height:30px;left:20%;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s,transform 2.5s;width:30px}.loginpage-signup-button:hover:before{opacity:1;transform:translateX(80%) translateY(-50%)}.loginpage-button:hover,.loginpage-forgot-button:hover,.loginpage-signup-button:hover{transform:scale(1.05)}.loginpage-button:hover{background-color:#16202b}.loginpage-forgot-button:hover{background-color:#c33d3d;color:#fff}.loginpage-signup-button:hover{background-color:#113556}.loginpage-button:hover span,.loginpage-forgot-button:hover span,.loginpage-signup-button:hover span{font-size:20px;transition:font-size .5s}.loginpage-text{font-size:18px;margin-top:20px}.loginpage-microsoft-button{align-items:center;background-color:#2f2f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin-top:10px;max-width:500px;padding:10px 20px;transition:background-color .3s,transform .3s;width:80%}.loginpage-microsoft-button img{height:20px;margin-right:10px;width:20px}.loginpage-microsoft-button:hover{background-color:#1a1a1a;transform:scale(1.05)}.loginpage-main-content h1{color:#1a1a1a}.forgot-password-container{align-items:center;display:flex;flex-direction:column;height:200px;justify-content:center;padding:20px}.forgot-password-form{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:20px;text-align:center;width:100%}.forgot-password-container h1{margin-bottom:20px}.forgot-password-container form{display:flex;flex-direction:column;width:100%}.forgot-password-container input{border:1px solid #ccc;border-radius:4px;margin-bottom:10px;padding:10px}.forgot-password-container button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px;transition:background-color .3s}.forgot-password-container button:hover{background-color:#45a049}.forgot-password-container p{color:#f44336;margin-top:10px;text-align:center}.pagination-button:hover:not(.disabled){transform:scale(1.1)}.pagination-button.disabled{background-color:grey;cursor:not-allowed}.pagination button.active{background-color:#000;border:none;color:#fff}.pagination button{align-items:center;background-color:#f2f2f2;color:#000;display:flex;height:30px;justify-content:center;margin:0 2px 50px;padding:5px 10px;width:30px}.create-class-list-button,.create-course-button,.create-user-button,.grade-activity-button{align-items:center;background-color:#2a892d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;max-width:200px;padding:7px 20px;transform-origin:center;transition:background-color .3s,transform .3s;width:auto}.create-class-list-button:hover,.create-course-button:hover,.create-user-button:hover,.grade-activity-button:hover{background-color:#45a049;transform:scale(1.05)}.button-text-mobile{display:none}.button-text-desktop{display:inline}@media (max-width:768px){.button-text-mobile{display:inline}.button-text-desktop{display:none}.create-class-list-button,.create-course-button,.create-user-button,.grade-activity-button{max-width:100px;padding:7px 15px}}.top-buttons{display:flex;justify-content:flex-start;margin-bottom:5px}:root{--text-primary:#333;--text-secondary:#666;--text-light:#fff;--bg-primary:#fcfcfc;--bg-secondary:#f6f6f6f6;--bg-light:#f9f9f9;--bg-overlay:#00000080;--bg-status:#343844b0;--accent-primary:#65a667;--accent-hover:#45a049;--accent-loading:#3498db;--border-modal:#888;--border-light:#ccc;--close-default:#aaa;--close-hover:#000;--font-family-primary:"Open Sans",sans-serif;--font-size-question:15px;--font-size-body:14px;--font-size-small:12px;--text-question:#3c3c3c;--line-height-text:1.4}.text-question{color:#3c3c3c;color:var(--text-question);font-family:Open Sans,sans-serif;font-family:var(--font-family-primary);font-size:15px;font-size:var(--font-size-question);line-height:1.4;line-height:var(--line-height-text)}.text-question *{color:inherit;font-family:inherit;font-size:inherit}.question-content,.question-content *,.question-content .ql-editor,.question-content .ql-editor *{color:#3c3c3c!important;color:var(--text-question)!important;line-height:1.4;line-height:var(--line-height-text)}.question-content,.question-content *,.question-content .ql-editor,.question-content .ql-editor *,.question-content .ql-editor.ql-blank:before{font-family:Open Sans,sans-serif!important;font-family:var(--font-family-primary)!important;font-size:15px!important;font-size:var(--font-size-question)!important}.question-content .ql-editor.ql-blank:before{color:#3c3c3c;color:var(--text-question);opacity:.7}.main-content{padding-left:10px;padding-right:10px}.table{background-color:#fcfcfc;background-color:var(--bg-primary);border-collapse:initial;border-radius:10px;border-spacing:0;box-shadow:0 2px 4px #0000004d;font-size:15px;overflow:hidden;position:center;width:100%}.table th:first-child{border-top-left-radius:10px}.table th:last-child{border-top-right-radius:10px}.table tr:last-child td:first-child{border-bottom-left-radius:10px}.table tr:last-child td:last-child{border-bottom-right-radius:10px}.table .checkbox-column{text-align:center;width:40px}.table .checkbox-column input[type=checkbox]{margin:0}td,th{cursor:pointer;padding:8px;text-align:left}th{background-color:#fcfcfc;background-color:var(--bg-primary);border-bottom:1px solid #ccc;font-weight:700}tr:hover{background-color:#f6f6f6f6}.arrow{border-left:5px solid #0000;border-right:5px solid #0000;display:inline-block;height:0;margin-left:5px;vertical-align:middle;width:0}.arrow.up{border-bottom:5px solid #000}.arrow.down{border-top:5px solid #000}.modal-overlay{background-color:#00000080;background-color:var(--bg-overlay);height:100%;width:100%}.modal-content{animation:modalOpen .3s ease-out;background-color:#fcfcfc;background-color:var(--bg-primary);border:1px solid #888;border:1px solid var(--border-modal);box-shadow:0 4px 8px #0003;margin:auto;max-width:500px;width:80%}.close{color:#aaa;color:var(--close-default);cursor:pointer;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;color:var(--close-hover);text-decoration:none}.form-group{margin-bottom:15px}.form-group label{color:#333;color:var(--text-primary)}.form-group input,.form-group select{border:1px solid #ccc;border:1px solid var(--border-light);border-radius:4px;box-sizing:border-box;padding:8px;width:100%}.error{color:var(--error);font-size:12px;margin-top:5px}input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid #65a667;border:2px solid var(--accent-primary);border-radius:3px;cursor:pointer;height:22px;margin:auto 0;outline:none;position:relative;transition:all .3s;vertical-align:middle;width:22px}input[type=checkbox]:checked{background-color:#65a667;background-color:var(--accent-primary)}input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:5px;position:absolute;top:3px;transform:rotate(45deg);width:5px}input[type=checkbox]:hover{border-color:#45a049;border-color:var(--accent-hover)}.option-container{justify-content:center;min-height:100%}input[type=radio]{-webkit-appearance:none;appearance:none;border:2px solid #65a667;border:2px solid var(--accent-primary);border-radius:50%;cursor:pointer;height:22px;margin:0;outline:none;position:relative;transition:all .3s;vertical-align:middle;width:22px}input[type=radio]:checked{background-color:#65a667;background-color:var(--accent-primary)}input[type=radio]:checked:after{background-color:#fff;border-radius:50%;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}input[type=radio]:hover{border-color:#45a049;border-color:var(--accent-hover)}.loading-ring{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top:2px solid #3498db;border:2px solid var(--text-light);border-top-color:var(--accent-loading);display:inline-block;height:18px;margin-right:5px;width:18px}@media screen and (max-width:768px){.table{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;border-radius:8px;display:block;font-size:13px;overflow-x:auto;white-space:nowrap}.table td,.table th{padding:6px 10px}.table .checkbox-column{width:30px;z-index:1}.table .checkbox-column,.table th:first-child{background-color:#fcfcfc;background-color:var(--bg-primary);left:0;position:sticky}.table th:first-child{z-index:2}.table:after{background:linear-gradient(90deg,#0000,#0000001a);bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:15px}}.more-options-pane{background-color:#3a3f4b;border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:row;padding:10px;position:absolute;z-index:1000}.more-options-pane button{background-color:#282c34;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:5px;padding:8px 12px;transition:background-color .3s}.more-options-pane button:hover{background-color:#4caf50}.more-options-pane button:last-child{margin-right:0}.more-options-button{background-color:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:20px;margin-top:20px;padding:8px 16px;transition:background-color .3s,transform .3s}.more-options-button:hover{background-color:#333;transform:scale(1.05)}.button-container{display:flex;justify-content:flex-start!important;width:100%}.course-popup-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.course-popup-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;color:#333;margin:auto;max-height:85vh;max-width:600px;overflow-y:auto;padding:30px 30px 10px;position:relative;width:90%}.course-popup-title{color:#333;flex-grow:1;font-size:20px;font-weight:500;margin:0;text-align:center}.course-popup-guide{background-color:#f0f8ff;border-left:4px solid #4caf50;border-radius:4px;margin-bottom:15px;padding:10px}.course-popup-form{display:flex;flex-direction:column}.course-popup-form-group{margin-bottom:20px}.course-popup-form-group label{color:#333;display:block;font-weight:500;margin-bottom:5px;padding:5px}.course-popup-input,.course-popup-textarea{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;color:#333;margin-bottom:10px;padding:10px;transition:border-color .3s ease;width:100%}.course-popup-textarea{min-height:80px;resize:vertical}.course-popup-input:focus,.course-popup-textarea:focus{border-color:#4caf50;outline:none}.course-popup-submit{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;text-align:center;transition:background-color .3s ease;width:100%}.course-popup-submit:hover{background-color:#45a049}.course-popup-submit:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.step-indicator{margin-bottom:20px;margin-left:auto;margin-right:auto;width:50%}.step,.step-indicator{align-items:center;display:flex;justify-content:center}.step{background-color:#f5f5f5;border:2px solid #e0e0e0;border-radius:50%;color:#666;font-weight:700;height:30px;position:relative;width:30px;z-index:1}.step.active{background-color:#4caf50;border-color:#4caf50;color:#fff}.step.completed{background-color:#e0f2e9;border-color:#4caf50;color:#4caf50}.step-line{background-color:#e0e0e0;flex-grow:1;height:2px;margin:0 10px}.course-popup-nav-buttons{display:flex;justify-content:space-between;margin-top:20px}.course-popup-back,.course-popup-next{border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;padding:10px 20px;transition:background-color .3s ease}.course-popup-next{background-color:#4caf50;color:#fff;margin-left:auto}.course-popup-next:hover{background-color:#45a049}.course-popup-next:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.course-popup-back{background-color:#f5f5f5;color:#666}.course-popup-back:hover{background-color:#e0e0e0}.course-popup-modal.loading{pointer-events:none}.course-popup-modal.loading .course-popup-content{opacity:.8}.close-button:disabled{cursor:not-allowed;opacity:.5}.section-selector{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:15px;max-height:250px;overflow-y:auto}.section-selector-controls{display:flex;justify-content:space-between;margin-bottom:10px}.deselect-all-button,.select-all-button{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px;transition:background-color .2s}.deselect-all-button:hover,.select-all-button:hover{background-color:#e0e0e0}.section-list{list-style-type:none;margin:0;padding:0}.section-item{border-bottom:1px solid #e0e0e0;padding:8px 12px}.section-item:last-child{border-bottom:none}.section-checkbox-label{align-items:center;cursor:pointer;display:flex;width:100%}.section-checkbox-label input[type=checkbox]{height:18px;margin-right:10px;width:18px}.section-name{flex:1 1;font-weight:500}.module-count{color:#666;font-size:.9em;margin-left:10px}.no-sections-message{color:#666;padding:15px}.back-arrow-button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:24px;justify-content:center;left:20px;padding:8px;position:absolute;top:20px;transition:transform .2s}.back-arrow-button:hover{transform:translateX(-3px)}.edit-class-list-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.edit-class-list-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;color:#333;margin:auto;max-height:85vh;max-width:800px;overflow-y:auto;padding:30px;position:relative;width:90%}.modal-header{margin-bottom:10px}.class-list-popup-title{color:#333;flex-grow:1;font-size:20px;font-weight:500;margin:0;text-align:center}.class-list-popup-guide{background-color:#f0f8ff;border-left:4px solid #4caf50;border-radius:4px;margin-bottom:5px;padding:10px}.tabs{display:flex;margin-bottom:20px;margin-top:0}.tab-button{background-color:#f5f5f5;border:none;border-radius:4px;color:#666;cursor:pointer;flex:1 1;margin:0 2px;padding:5px 2px;text-align:center;transition:all .3s ease}.tab-button.active{background-color:#4caf50;color:#fff}.edit-class-list-form{display:flex;flex-direction:column}.class-list-popup-form-group{margin-bottom:15px}.class-list-popup-form-group label{color:#333;display:block;font-weight:500;margin-bottom:5px;padding:5px}.class-list-popup-form-group input[type=text]{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;margin-bottom:10px;padding:8px;transition:border-color .3s ease;width:100%}.class-list-popup-form-group input[type=text]:focus{border-color:#4caf50;outline:none}.class-list-popup-search-input{box-sizing:border-box;color:#333;padding:8px}.class-list-popup-search-input,.class-list-popup-user-list{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;width:100%}.class-list-popup-user-list{list-style-type:none;max-height:160px;overflow-x:hidden;overflow-y:auto;padding:0}.class-list-popup-user-item{align-items:center;border-bottom:1px solid #e0e0e0;box-sizing:border-box;display:flex;padding:5px;transition:background-color .2s ease;width:100%}.class-list-popup-user-item:hover{background-color:#f5f5f5}.class-list-popup-user-label{align-items:center;color:#333;display:flex;padding-right:12px;width:100%}.class-list-popup-user-name{color:#333;flex-grow:1;margin-left:10px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.selected-users-box{word-wrap:break-word;border:1px solid #e0e0e0;border-radius:4px;color:#333;display:flex;flex-wrap:wrap;margin-bottom:10px;margin-top:10px;max-height:100px;min-height:20px;overflow-y:auto;padding:10px}.selected-users-box:after{color:#666;content:attr(data-count);display:inline-block;font-weight:700;margin-left:auto}.class-list-popup-submit{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;text-align:center;transition:background-color .3s ease;width:100%}.class-list-popup-submit:hover{background-color:#45a049}.class-list-popup-submit:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.registration-link-container{align-items:center;display:flex;margin-top:10px}.registration-link-container p{margin-right:10px;word-break:break-all}.copy-button{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;padding:5px}.copy-button:hover svg{fill:#007bff}.copy-button svg{fill:#000;height:24px;width:24px}.copied-message{color:green;display:none;margin-left:10px}.copied-message.show{display:inline}:root{--modal-bg-color:#fcfcfc;--input-bg-color:#f8f8f8;--text-color:#4f5562}.user-management-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.user-management-modal{animation:modalOpen .3s ease-out;background-color:#fcfcfc;background-color:var(--modal-bg-color);border-radius:5px;box-shadow:0 0 10px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow-y:auto;padding:30px;position:relative;width:80%}.user-management-modal-content{color:#4f5562;color:var(--text-color);width:100%}.user-management-modal-content h2{color:#4f5562;color:var(--text-color);margin-bottom:20px}.user-management-modal-content label{color:#4f5562;color:var(--text-color);font-size:14px}.user-management-modal-content input,.user-management-modal-content select{background-color:#f8f8f8;background-color:var(--input-bg-color);border:1px solid #ccc;border-radius:4px;color:#4f5562;color:var(--text-color);font-size:14px;margin:8px 0;padding:8px;width:100%}.user-management-modal-content button:not(.tab-button){background-color:#4caf50;background-color:var(--button-bg-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:15px;padding:10px 20px;transition:background-color .3s ease}.user-management-modal-content button:hover{background-color:#45a049;background-color:var(--button-hover-bg-color)}.user-management-close{color:#4f5562;color:var(--text-color);cursor:pointer;font-size:24px;font-weight:700;opacity:.7;position:absolute;right:30px;top:20px;transition:opacity .3s}.user-management-close:focus,.user-management-close:hover{color:#4f5562;color:var(--text-color);opacity:1;text-decoration:none}.error{color:#f44336;font-size:.875em;margin-top:.25em}.error-input{border-color:#f44336}.deletion-requests-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.deletion-requests-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;margin:auto;max-height:85vh;max-width:800px;overflow-y:auto;padding:30px;position:relative;width:90%}.deletion-requests-title{color:#333;flex-grow:1;font-size:20px;font-weight:500;margin:0;text-align:center}.close-button{align-items:center;background-color:initial;display:flex;justify-content:center;margin-left:15px;padding:0 10px}.no-requests-message{color:#666;font-size:16px;padding:40px;text-align:center}.requests-info{background-color:#f8f9fa;border-radius:4px;margin-bottom:20px;padding:15px}.requests-info p{color:#666;margin:5px 0}.selection-info{color:#d32f2f!important;font-weight:500}.requests-table{margin-bottom:20px}.requests-table table{border-collapse:collapse;width:100%}.requests-table td,.requests-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.requests-table th{background:#f8f9fa;color:#666;font-weight:600}.requests-table tr:hover{background-color:#f8f9fa}.requests-table input[type=checkbox]{border:2px solid #ddd;border-radius:3px;cursor:pointer;height:18px;transition:all .2s;width:18px}.requests-table input[type=checkbox]:checked{background-color:#d32f2f;border-color:#d32f2f}.requests-table td:first-child,.requests-table th:first-child{text-align:center;width:40px}.delete-selected-button{background-color:#d32f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s}.delete-selected-button:hover:not(:disabled){background-color:#b71c1c}.delete-selected-button:disabled{background-color:#e9a8ae;cursor:not-allowed}@media (max-width:480px){.deletion-requests-modal-content{padding:20px}.modal-actions{flex-direction:column}.delete-selected-button{width:100%}}.my-courses{box-sizing:border-box;margin:0 auto;max-width:1200px;overflow-x:hidden;padding:20px;transition:width .3s ease;width:100%}.loading,.no-courses{color:#fff;font-size:18px;margin-top:150px;text-align:center}.course-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));list-style-type:none;padding:0}.course-item{background-color:#3a3d41;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;padding:20px;transition:all .3s ease}.course-item:hover{background-color:#424548;transform:none}.course-header{align-items:center;cursor:pointer;display:flex;gap:10px;padding:5px 0}.course-header h2{flex:1 1;margin:0}.expand-icon{color:#fff;font-size:18px;transition:transform .2s ease}.course-header:hover .expand-icon{transform:scale(1.1)}.section-list{animation:fadeIn .3s ease;margin-top:15px}@media (max-width:768px){.course-list{grid-template-columns:1fr}}@media (max-width:1200px){.my-courses{max-width:100%}}.module-list,.section-list{list-style-type:none;padding-left:20px}.module-item,.section-item,.section-item h3{margin-bottom:5px}.section-item h3{font-size:18px;margin-top:5px}.module-item a{color:#fff;text-decoration:none}.module-item a:hover{text-decoration:underline}.module-link-container{align-items:center;cursor:pointer;display:flex;gap:8px}.availability-icon{color:var(--cancel-button-bg-color);font-size:14px;transition:transform .2s ease}.availability-icon:hover{transform:scale(1.1)}.module-link.expired{color:var(--text-secondary)}:root{--section-bg-color:#fcfcfc;--module-bg-color:#f8f8f8;--disabled-color:#95a5a6;--button-bg-color:#4caf50;--button-hover-bg-color:#45a049;--cancel-button-bg-color:#f44336c3;--cancel-button-hover-bg-color:#f44336;--control-button-color:#4f5562;--control-button-active-color:#d3b118;--delete-button-color:#f44336;--delete-button-hover-color:#d32f2f}.course-detail-page{flex-direction:column;margin:0 auto;max-width:1200px}.course-detail-page,.status-bar{align-items:center;box-sizing:border-box;display:flex;width:100%}.status-bar{border-radius:12px;flex-wrap:wrap;justify-content:space-between;margin:0 auto 10px;max-width:900px}.status-field{align-items:center;background-color:#fff;border:1px solid #e1e4e8;border-radius:8px;color:#24292e;display:flex;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.status-field:hover{border-color:#4caf50;border-color:var(--button-bg-color);box-shadow:0 2px 4px #4caf501a}.section-container{background-color:#fcfcfc;background-color:var(--section-bg-color);border-radius:50px;box-shadow:0 0 10px #0003;display:flex;flex-direction:column;margin-bottom:10px;margin-top:10px;opacity:1;padding:20px;position:relative;transition:opacity .3s;width:100%}.section-container.hidden{opacity:.6}.section-input{border:1px solid #ccc;border-radius:4px;flex-grow:0;font-size:14px;margin-right:10px;padding:5px}.section-container .section-header{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between;padding-right:10px}.section-container .section-name{flex-basis:0;flex-grow:1;font-size:17px;width:100%}.section-container .section-header-buttons{display:flex;flex-shrink:0}.module-input{border:1px solid #ccc;border-radius:4px;flex-grow:0;font-size:14px;margin-right:10px;padding:5px}.common-button{background-color:var(--button-bg-color)}.common-button:hover{background-color:var(--button-hover-bg-color)}.module-container{align-items:center;border:1px solid #ddd;border-radius:25px;display:flex;justify-content:space-between;margin-top:5px;padding:10px}.module-container:hover{background-color:#f8f8f8;background-color:var(--module-bg-color);cursor:pointer}.module-creator{align-items:center;border-radius:25px;display:flex;gap:10px;justify-content:center;margin-top:10px;padding:10px;white-space:nowrap}.section-creator-container{background-color:#fcfcfc;background-color:var(--section-bg-color);border-radius:50px;box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:20px;padding:30px;position:relative;width:100%}.section-creator{align-items:center;display:flex;gap:10px;justify-content:center;white-space:nowrap}.module-edit,.section-edit{align-items:center;display:flex;width:100%}.edit-buttons{align-items:center;display:flex;gap:5px}.edit-buttons .cancel-button,.edit-buttons .save-button{align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;padding:5px 10px;white-space:nowrap;width:70px}.edit-buttons .save-button{background-color:#4caf50;background-color:var(--button-bg-color)}.edit-buttons .cancel-button{background-color:#f44336c3;background-color:var(--cancel-button-bg-color)}.edit-buttons .cancel-button:hover{background-color:#f44336;background-color:var(--cancel-button-hover-bg-color)}.module-name{cursor:pointer;flex-grow:1}.control-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:18px;padding:5px;transition:all .2s ease-in-out}.control-button,.control-button[title*=Delete]{color:#4f5562;color:var(--control-button-color)}.control-button[title*=Delete]:hover{color:#f44336;color:var(--delete-button-color);transform:scale(1.25)}.control-button:hover{color:#4caf50;color:var(--button-bg-color)}.control-button:disabled{color:#95a5a6;color:var(--disabled-color);cursor:not-allowed;transform:none!important}.control-button:disabled:hover{background-color:initial}.mode-toggle{align-items:center;display:flex;margin-right:10px;opacity:1;transform:scale(1);transform-origin:center;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.mode-toggle.hidden{opacity:0;pointer-events:none;transform:scale(0)}.mode-toggle-switch{display:inline-block;height:24px;position:relative;width:40px}.mode-toggle-switch input{height:0;opacity:0;width:0}.mode-toggle-slider{background-color:#4f5562;background-color:var(--control-button-color);border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s;z-index:1}.mode-toggle-slider:before{align-items:center;background-color:#fff;border-radius:50%;bottom:4px;content:"";display:flex;height:16px;justify-content:center;left:4px;position:absolute;transition:.4s;width:16px;z-index:3}.mode-toggle-letter{color:#fff;font-size:14px;left:70%;position:absolute;top:48%;transform:translate(-50%,-50%);transition:.4s;z-index:2}input:checked+.mode-toggle-slider{background-color:#d3b118;background-color:var(--control-button-active-color)}input:checked+.mode-toggle-slider:before{transform:translateX(16px)}input:checked+.mode-toggle-slider .mode-toggle-letter{transform:translate(-200%,-50%)}.control-button.visibility-button{color:#4f5562;color:var(--control-button-color);font-size:16px;margin-right:5px;opacity:.7;transition:opacity .3s,color .3s}.control-button.visibility-button:hover{color:#4a90e2;opacity:1}.add-section-container{display:flex;justify-content:center;margin:20px 0}.content-button{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;font-size:14px;gap:8px;transition:all .2s ease}.control-button .cog-icon{transition:transform .3s ease-in-out}.control-button:hover .cog-icon{transform:rotate(180deg)}.section-header-buttons .control-button{transform-origin:center;transition:opacity .3s ease-in-out,transform .3s ease-in-out,color .3s ease-in-out,background-color .3s ease-in-out}.section-header-buttons .control-button.hidden{opacity:0;pointer-events:none;transform:scale(0)}.no-sections-message{align-items:center;display:flex;height:100%;justify-content:center;margin-bottom:30px;margin-top:30px;text-align:center}.section-availability-info{display:flex;flex-direction:column;font-size:.8em;gap:8px;min-width:250px;white-space:nowrap}.availability-date{display:flex;gap:8px;justify-content:space-between}.availability-label{font-weight:800}.availability-value{color:#4f5562;color:var(--control-button-color)}.availability-button{position:relative}.availability-button svg{color:#4f5562;color:var(--control-button-color);transition:color .3s ease}.availability-button[data-has-availability=true] svg{color:#4caf50;color:var(--button-bg-color)}.availability-tooltip{display:inline-block}.availability-tooltip-content{background-color:#fcfcfc;background-color:var(--section-bg-color);border-radius:15px;box-shadow:0 2px 8px #0003;color:#4f5562;color:var(--control-button-color);display:none;left:50%;margin-top:5px;padding:10px;position:absolute;top:100%;transform:translateX(-50%);width:max-content;z-index:1000}.availability-tooltip:hover .availability-tooltip-content{display:block}.availability-tooltip-content:before{border-color:#0000 #0000 #282c34;border-style:solid;border-width:0 5px 5px;content:"";left:50%;position:absolute;top:-5px;transform:translateX(-50%)}.class-settings-container{align-items:center;background-color:#fff;border:1px solid #e1e4e8;border-radius:8px;display:flex;padding:6px 12px;transition:all .2s ease}.class-settings-container:hover{border-color:#4caf50;border-color:var(--button-bg-color);box-shadow:0 2px 4px #4caf501a}.class-settings-button{align-items:center;background:none;border:none;color:#24292e;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-weight:500;gap:8px;padding:0}.class-lists-menu{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 10px #0000001a;min-width:250px;padding:15px;position:absolute;right:0;top:100%;z-index:1000}.class-lists-menu h3{color:#333;font-size:16px;margin:0 0 10px}.class-lists-menu ul{list-style:none;margin:0;padding:0}.class-lists-menu li{align-items:center;border-bottom:1px solid #eee;color:#333;display:flex;justify-content:space-between;padding:8px 0}.class-lists-menu li:last-child{border-bottom:none}.class-list-info{color:#666;font-size:.9em}.class-lists-menu li.clickable-class-list{cursor:pointer;transition:background-color .2s ease}.class-lists-menu li.clickable-class-list:hover{background-color:#f5f5f5}@media screen and (max-width:768px){.course-detail-page{padding:0 15px}.section-container{margin-left:10px;margin-right:10px;padding:15px}.edit-buttons,.section-header-buttons{gap:3px}.section-header-buttons .control-button{padding:3px}.module-creator,.section-creator{gap:5px}.status-bar{border-radius:8px;gap:8px;padding:8px}.class-settings-container,.status-field{flex:1 1 auto;font-size:.9em;min-width:fit-content;padding:4px 8px;text-align:left}.class-settings-button{justify-content:flex-start;width:100%}.class-lists-menu{left:0;right:0;top:calc(100% + 5px);transform:none;width:100%}}.module-container .control-button{opacity:1;transform:scale(1);transform-origin:center;transition:opacity .3s ease-in-out,transform .3s ease-in-out,color .3s ease-in-out,background-color .3s ease-in-out}.module-container .control-button.hidden{opacity:0;pointer-events:none;transform:scale(0)}.control-button.add-module-button{color:#4caf50;color:var(--button-bg-color)}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}:root{--modal-bg:#282c34;--text-primary:#fff;--text-secondary:#aaa;--border-color:#eeeeee1a;--input-bg:#3a3d41;--success-color:#4caf50;--danger-color:#f44336;--info-color:#2196f3;--overlay-bg:#ffffff0d}.availability-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.availability-content{animation:modalOpen .3s ease-out;background-color:#282c34;background-color:var(--modal-bg);border-radius:8px;box-shadow:0 2px 10px #0000004d;color:#fff;color:var(--text-primary);max-width:800px;min-width:600px;padding:30px;position:relative}.date-input-container{align-items:center;display:flex;gap:8px;width:100%}.date-input{background-color:var(--input-bg);border:1px solid #eeeeee1a;border:1px solid var(--border-color);color:var(--text-primary)}.react-datepicker-wrapper,.react-datepicker__input-container{width:98%}.button-group{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.cancel-button,.save-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px}.save-button{background-color:#4caf50;background-color:var(--success-color);color:var(--text-primary)}.cancel-button{background-color:#f44336;background-color:var(--danger-color)}.cancel-button,.close-button{color:var(--text-primary)}.availability-modal .special-access-list{background-color:#ffffff0d;background-color:var(--overlay-bg);border-radius:4px;margin:1rem 0;padding:.5rem}.availability-modal .special-access-list h4{color:#aaa;color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.availability-modal .special-access-item{align-items:center;border-bottom:1px solid #eeeeee1a;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px}.availability-modal .special-access-item:last-child{border-bottom:none}.availability-modal .special-access-icon{color:#aaa;color:var(--text-secondary);font-size:1.1em}.availability-modal .special-access-details{align-items:center;display:flex;flex:1 1;gap:20px}.availability-modal .user-name{color:#fff;color:var(--text-primary);font-weight:700;min-width:200px}.availability-modal .access-time{color:#aaa;color:var(--text-secondary);font-size:.9em;min-width:180px}.availability-modal .special-access-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.availability-modal .special-access-delete-button,.availability-modal .special-access-edit-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:1.1em;justify-content:center;padding:4px;transition:all .2s ease}.availability-modal .special-access-edit-button{color:#2196f3;color:var(--info-color)}.availability-modal .special-access-delete-button{color:#f44336;color:var(--danger-color)}.availability-modal .special-access-edit-button:hover{background-color:#2196f31a;transform:scale(1.1)}.availability-modal .special-access-delete-button:hover{background-color:#f443361a;transform:scale(1.1)}.availability-modal .special-access-content{align-items:center;display:flex;flex:1 1;gap:15px}.user-settings-button{align-items:center;background-color:#2196f3;background-color:var(--info-color);border:none;border-radius:4px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:background-color .3s ease,transform .2s ease}.user-settings-button:hover{background-color:#1976d2;transform:scale(1.05)}.user-settings-button svg{font-size:16px}.date-delete-button{align-items:center;background:none;border:none;border-radius:4px;color:#f44336;color:var(--danger-color);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.date-delete-button:hover{background-color:#f443361a;transform:scale(1.1)}.user-availability-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1100}.user-availability-content{animation:modalOpen .3s ease-out;background-color:#282c34;border-radius:8px;box-shadow:0 2px 10px #0000004d;color:#fff;max-width:500px;min-width:300px;padding:30px;position:relative}.user-select{margin:1.5rem 0}.user-select select{background-color:#3a3d41;border:1px solid #ccc;border-radius:4px;color:#fff;cursor:pointer;padding:8px;width:100%}.date-picker-container{display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0}.date-field{display:flex;flex-direction:column;gap:.5rem}.date-input{background-color:#3a3d41;border:1px solid #ccc;border-radius:4px;color:#fff;padding:8px;width:100%}.close-button{color:#fff}@keyframes modalOpen{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.save-message{border-radius:4px;margin-top:1rem;padding:.5rem;text-align:center}.save-message.success{background-color:#4caf501a;color:#4caf50}.save-message.error{background-color:#f443361a;color:#f44336}.save-button:disabled{background-color:#ccc;cursor:not-allowed}.rubric-editor-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.rubric-editor-content{background:#fff;border-radius:8px;max-height:90vh;min-width:600px;overflow-y:auto;padding:20px}.rubric-editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.close-button{font-size:1.2em}.grid-controls{display:flex;gap:20px;margin-bottom:20px}.control-group{align-items:center;display:flex;gap:10px}.control-group button{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:5px 10px}.control-group button:disabled{cursor:not-allowed;opacity:.5}.rubric-grid{display:flex;flex-direction:column;gap:10px;overflow-x:auto;width:100%}.rubric-cell{resize:vertical}.header-row{font-weight:700}.row-header-cell{text-align:left}.preset-controls{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.preset-controls select{border:1px solid #ddd;border-radius:4px;padding:8px}.preset-save-controls{align-items:center;display:flex;gap:10px}.preset-save-controls input{border:1px solid #ddd;border-radius:4px;flex:1 1;padding:8px}.delete-preset{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.row-col-controls{display:flex;gap:20px;margin-top:20px}.rubric-editor-instructions{color:#495057;font-size:.95em;line-height:1.5;margin-bottom:10px;padding:5px}.preset-select option[disabled]{color:#666;font-style:italic}.recorder{align-items:center;display:flex;position:relative;width:100%}.recorder .icon-button{align-items:center;background:none;border:none;color:#000;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;justify-content:center;margin:0;outline:none;padding:0;width:40px}.recorder .icon-button:first-of-type{margin-left:25px}.recorder .icon-button:hover{background:none!important;transform:none!important}.recorder .icon-button.record-button:hover svg,.recorder .icon-button.stop-button:hover svg,.recorder .icon-button:hover svg{color:#ff4d4d}.recorder-controls{align-items:center;display:flex;gap:16px;justify-content:space-between;position:relative;width:100%}.error-message{color:#ff4136;font-size:14px;margin-top:10px}.waveform-canvas{border-radius:4px;height:50px;margin-left:20px;width:100%}.waveform-text{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}.waveform-text.idle{color:#32323299}.waveform-text.paused{color:#0009;margin-top:35px}.waveform-text.recording{color:#f009;margin-top:35px}.waveform-text.processing{color:#323232;margin-top:35px}@media screen and (orientation:portrait){.waveform-text{display:none}.recorder-controls .time-display{margin-right:80px}}.time-display{margin-right:0}.recorder-controls .info-tooltip-container{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.scorebox-container{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:flex-end}.scorebox-container label{margin-right:10px}.scorebox-container input{border:1px solid #ccc;border-radius:4px;padding:4px;width:60px}.question-footer{margin-top:20px;position:relative}.question-footer-flex{gap:16px}.button-wrapper{display:flex;flex:1 1;justify-content:flex-start}.question-footer-flex .info-tooltip-container{align-items:center;display:flex;flex:0 0 auto;justify-content:center}.question-footer-button{margin-right:auto}.question-footer{min-height:40px}@media screen and (orientation:portrait){.question-footer-flex{gap:8px}.scorebox-container{flex-shrink:0;min-width:fit-content}.scorebox-container label{font-size:14px;margin-right:5px}.scorebox-container input{font-size:14px;padding:2px;width:50px}.button-wrapper{flex:1 1 auto;min-width:0}.question-footer-button{font-size:14px;padding:6px 8px;white-space:nowrap}}.add-audio-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.add-audio-modal-content{background:#282c34;border-radius:8px;box-shadow:0 0 10px #00000080;color:#fff;padding:20px;text-align:center;width:300px}.add-audio-modal-content .error-message{color:red;margin-bottom:10px}.add-audio-modal-content input[type=file]{margin-bottom:10px}.add-audio-modal-content input[type=text]{border:1px solid #ccc;border-radius:4px;margin-bottom:10px;padding:8px;width:calc(100% - 16px)}.add-audio-modal-content .modal-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:5px;padding:10px 20px}.add-audio-modal-content .modal-button:hover{background-color:#45a049}.info-tooltip-container{align-items:center;display:inline-flex}.question-header .info-icon,.question-header .tip-icon{background:none;border:none;cursor:pointer;font-size:12px;height:20px;margin-left:10px;padding:0;position:relative;width:20px}.question-header .info-icon:before,.question-header .tip-icon:before{border-radius:50%;content:"";opacity:.6;position:absolute;transition:all .3s ease;z-index:-1}.question-header .info-icon:after,.question-header .tip-icon:after{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 4px #0003;content:"💡";display:flex;height:20px;justify-content:center;left:0;position:absolute;top:0;transition:transform .3s ease;width:20px;z-index:10}.question-header .info-icon:hover:before,.question-header .tip-icon:hover:before{transform:scale(1.05)}.question-header .info-icon:hover:after,.question-header .tip-icon:hover:after{transform:scale(1.1)}.tip-icon{background:none;border:none;border-radius:50%;color:#888;cursor:pointer;margin-left:8px;padding:8px;transition:all .3s ease}.tip-icon:hover{color:gold;transform:scale(1.1)}.tip-icon.has-tip{color:gold}.tip-icon.has-tip:hover{color:#ffed4a}.tooltip{background-color:#f6f6f6ea}.tooltip h3{margin-bottom:10px;margin-top:0}.tooltip h4{margin-bottom:5px;margin-top:10px}.tooltip p{background-color:#fff;border-radius:5px;color:#3b3b3b;font-size:14px;margin:0;padding:5px}.tip-modal-wrapper{margin:10px 0;padding:0 30px;position:relative;width:100%}.tip-modal-wrapper .add-text-modal-content{margin-bottom:20px;max-width:100%}.tip-modal-wrapper .add-text-modal-content .ql-container{height:150px}:root{--thumb-color:#323232;--slider-color:#f90;--disabled-color:#afafaf;--font-size:15px}.player{width:100%}.icon-button,.player{align-items:center;display:flex}.icon-button{background:none;border:none;cursor:pointer;font-size:1.5rem;justify-content:center;outline:none}.icon-button:hover svg{color:#f90;transform:scale(1.3);transition:color .3s ease,transform .3s ease}.play-pause-button:hover svg{color:#97c098}.wavesurfer-container{flex-grow:1;margin-bottom:10px;margin-left:20px;margin-right:20px}.player-controls{align-items:center;display:flex;justify-content:space-between;margin-top:15px;position:relative;width:100%}.player-controls .info-tooltip-container{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.right-controls{align-items:center;display:flex;gap:10px;margin-left:auto;margin-right:20px}.volume-control{align-items:center;display:flex;margin-left:40px}@media screen and (orientation:portrait){.volume-control{display:none}}.time-display{color:#333;font-size:15px;font-size:var(--font-size)}.speed-control{align-items:center;display:flex;gap:5px;margin-left:50px;margin-right:auto}.speed-control .fa-gauge-high{color:#8cc1e8;font-size:1.3rem;margin-left:0;margin-right:0;order:3}.speed-control .icon-button{font-size:1.3rem}.speed-control .icon-button:first-child{order:1}.speed-control .icon-button:last-child{order:4}.speed-display{color:#323232;font-size:15px;font-size:var(--font-size);min-width:35px;order:2;text-align:center}.volume-slider{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer;margin:0 1rem;outline:none;width:100%}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#323232;background:var(--thumb-color);border:none;border-radius:50%;height:11px;margin-top:-4px;width:11px}.volume-slider::-moz-range-thumb{background:#323232;background:var(--thumb-color);border:none;border-radius:50%;height:11px;width:11px}.volume-slider::-ms-thumb{background:#323232;background:var(--thumb-color);border:none;border-radius:50%;height:11px;width:11px}.volume-slider::-webkit-slider-runnable-track{background-color:#f90;background-color:var(--slider-color);border-radius:5px;height:2px;width:100%}.volume-slider::-ms-track{background:#0000;background-color:#f90;background-color:var(--slider-color);border-color:#0000;border-radius:5px;color:#0000;height:2px;width:100%}.volume-slider[disabled]{cursor:not-allowed}.volume-slider[disabled]::-webkit-slider-thumb{background-color:#afafaf;background-color:var(--disabled-color)}.volume-slider[disabled]::-moz-range-thumb{background-color:#afafaf;background-color:var(--disabled-color)}.volume-slider[disabled]::-ms-thumb{background-color:#afafaf;background-color:var(--disabled-color)}.volume-slider[disabled]::-webkit-slider-runnable-track{background-color:#afafaf;background-color:var(--disabled-color)}.volume-slider[disabled]::-ms-track{background-color:#afafaf;background-color:var(--disabled-color)}.scorebox-container{margin-left:20px}.header-spacer{flex:1 1}.question-header{align-items:center}.add-text-modal-content{border-radius:8px;color:var(--text-secondary);display:flex;flex-direction:column;height:400px;position:relative;width:100%}.text-content-wrapper{display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}

/*!
 * Quill Editor v2.0.2
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre{margin:0;padding:0}@supports (counter-set:none){.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor p{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor p{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor li,.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"\2022"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"\2611"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"\2610"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor .ql-code-block-container,.ql-snow .ql-editor code{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.rich-text-editor{display:flex;flex-direction:column;gap:10px;height:100%;width:100%}.rich-text-editor .editor-container{border-radius:4px;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.rich-text-editor .question-content{color:var(--text-question)!important;display:flex;flex-direction:column;font-family:var(--font-family-primary)!important;font-size:var(--font-size-question)!important;height:100%;line-height:var(--line-height-text)}.rich-text-editor .ql-toolbar{background-color:#f5f5f5;border:1px solid #ddd;border-top-left-radius:4px;border-top-right-radius:4px;position:sticky;top:0;z-index:20}.rich-text-editor .ql-container{background-color:#fff;border:1px solid #ddd;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:none;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.rich-text-editor .ql-editor{flex:1 1;min-height:150px;overflow-y:auto;padding:15px}.rich-text-editor .editor-buttons{background-color:var(--bg-primary);bottom:0;display:flex;gap:10px;justify-content:flex-end;margin:0;padding:8px 0;position:sticky;z-index:20}.rich-text-editor .editor-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.rich-text-editor .editor-buttons .save-button{background-color:var(--button-bg-color);color:#fff}.rich-text-editor .editor-buttons .save-button:hover{background-color:var(--button-hover-bg-color)}.rich-text-editor .editor-buttons .cancel-button{background-color:#f44336;color:#fff}.rich-text-editor .editor-buttons .cancel-button:hover{background-color:#d32f2f}.rich-text-editor .ql-snow .ql-picker.ql-size .ql-picker-item:before,.rich-text-editor .ql-snow .ql-picker.ql-size .ql-picker-label:before{content:attr(data-value)!important}.rich-text-editor .ql-snow .ql-picker.ql-header .ql-picker-item:before,.rich-text-editor .ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"!important}.rich-text-editor .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.rich-text-editor .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"!important}.rich-text-editor .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.rich-text-editor .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"!important}.rich-text-editor .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.rich-text-editor .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"!important}.rich-text-editor .ql-snow .ql-picker-options{background-color:#fff;color:#444}.rich-text-editor .ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 0 5px #ddd;color:#444;font-size:13px;padding:5px 12px;white-space:nowrap}.rich-text-editor .ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;border-radius:3px;font-size:13px;height:26px;margin:0;outline:none;padding:3px 5px;width:170px}.rich-text-editor .ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.rich-text-editor .ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.rich-text-editor .ql-snow .ql-tooltip a{color:#06c;cursor:pointer;text-decoration:none}.rich-text-editor .ql-snow .ql-picker.ql-expanded .ql-picker-options{z-index:30}.rich-text-editor .ql-snow .ql-formats button{height:24px;margin:0;padding:3px 5px;width:28px}.rich-text-editor .quill.focus,.rich-text-editor .quill:focus-within{box-shadow:0 0 0 2px #4caf5033}.option-container{align-items:center;display:flex;margin-bottom:5px;position:relative}.option-container input[type=checkbox],.option-container input[type=radio]{flex-shrink:0;margin-right:10px}.option-container input[type=text]{border:none;border-radius:4px;cursor:text;flex-grow:1;margin-right:10px}.option-container input[type=checkbox]:checked+input[type=text],.option-container input[type=radio]:checked+input[type=text]{background-color:#92b692}.option-container .point-indicator{color:#fff;font-size:.9em;position:absolute;right:50px;top:50%;transform:translateY(-50%)}.remove-option-button{background:none;border:none;color:#e76363;cursor:pointer;font-size:16px;padding:5px;transition:color .3s}.remove-option-button:hover{color:#ff1a1a}@media screen and (orientation:portrait){.option-container .point-indicator{content:attr(data-points);font-size:.8em}}.category-tags{flex-wrap:wrap;gap:8px;margin-right:12px}.category-tag{align-items:center;background-color:#e0f2f1;border-radius:12px;color:#00695c;display:flex;font-size:.8em;gap:4px;padding:2px 8px;white-space:nowrap}.category-tag .editable:hover{cursor:pointer;text-decoration:underline}.category-tag input{background:#0000;font-size:inherit;margin:0;outline:none;width:100px}.category-tag input,.delete-tag{border:none;color:inherit;padding:0}.delete-tag{align-items:center;background:none;cursor:pointer;display:flex;opacity:.7}.delete-tag:hover{opacity:1}.question-footer{gap:10px}.pairing-question-footer{align-items:center;display:flex;justify-content:space-between;width:100%}.add-category-button{align-items:center;background-color:#e0f2f1;border:none;border-radius:12px;color:#00695c;cursor:pointer;display:flex;font-size:.8em;gap:4px;padding:2px 8px;transition:all .3s ease}.add-category-button:hover{background-color:#b2dfdb}.add-category-form{display:inline-block}.add-category-input{background-color:#e0f2f1;border:none;border-radius:12px;color:#00695c;font-size:.8em;outline:none;padding:2px 8px;width:100px}.add-category-input::placeholder{color:#00695c;opacity:.7}.sentence-ordering{background-color:#97c098;border-radius:8px;padding:30px;transition:background-color .3s ease}.sentence-pieces-container{display:flex;flex-wrap:wrap;gap:2px;margin:10px 0 10px 30px}.sentence-piece{background-color:#c5e5fe;border-radius:15px;cursor:move;padding:5px 10px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.sentence-piece:hover{background-color:#8cc1e8}.sentence-piece.dragging{opacity:.5}.question-header textarea{background-color:#fff;border:1px solid var(--border-light);border-radius:8px;color:var(--text-question);flex-grow:1;font-family:var(--font-family-primary);font-size:var(--font-size-question);height:100px;margin-bottom:10px;margin-left:15px;padding:8px;resize:vertical;width:97.5%}.question-header textarea::placeholder{color:#a0a0a0;font-family:inherit;font-size:inherit}.info-tooltip-container{flex-shrink:0}.question-display-blank{align-items:center;border-bottom:2px solid #323232;border-radius:4px;color:#323232;display:inline-flex;height:30px;justify-content:space-between;margin-bottom:5px;padding:0 2px}.question-display-blank-container{display:inline-block}.question-display-blank .point-indicator{background-color:#97c098;border-radius:4px;color:#fff;margin-left:8px;padding:2px 5px;white-space:nowrap}.question-header{justify-content:flex-end}.question-display{flex-grow:1;margin-left:30px;min-height:20px;white-space:pre-wrap}.empty-question-placeholder{text-align:center}.empty-question-placeholder p{font-size:.95rem;margin:0}.sentence-display{word-wrap:break-word;line-height:2;margin-bottom:15px;margin-left:30px;max-width:100%;overflow-wrap:break-word}.spell-word-blank{display:inline-flex;margin:0 5px}.letter-slot{align-items:center;background-color:#c5e5fe;border:1px solid #5b5d60ae;border-radius:4px;display:inline-flex;font-size:15px;height:25px;justify-content:center;margin:0 2px;width:25px}.letters-container{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 10px 30px}.letter-piece{background-color:#c5e5fe;border-radius:12px;cursor:pointer;font-size:15px;padding:4px 8px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.letter-piece:hover{background-color:#8cc1e8}.pairing-container{border-radius:8px;box-sizing:border-box;padding:30px;position:relative;width:100%}.pairing-content{align-items:flex-start;display:flex;justify-content:space-between;margin:0 auto;width:94%}.pairing-column{width:45%}.column-header{align-items:center;display:flex;justify-content:space-between;position:relative}.column-header h4{margin:0}.add-button-wrapper{position:relative}.add-button{background:none;border:none;color:#97c098;cursor:pointer;font-size:18px;margin-right:2px}.add-button:hover{color:#77bb7c}.pairing-column ul{list-style-type:none;margin-top:5px;padding:0}.pairing-item{background-color:#f8f8f8f8;border-radius:4px;color:#323232;cursor:pointer;margin-bottom:5px;max-width:100%;overflow-wrap:break-word;padding:7px;position:relative;word-break:break-word}.pairing-item.selected{background-color:#97c098}.pairing-item.selected .remove-button{color:#fff}.pairing-item.paired{background-color:#97c098}.pairing-item .remove-button{background:none;border:none;color:#b4b4b4;cursor:pointer;position:absolute;right:5px;top:5px}.pairing-item .remove-button:hover{color:#ff4d4dd3}.connect-button-container{display:flex;justify-content:center}.connect-button,.submit-button{background-color:#f2d2b4;border:none;border-radius:4px;color:#323232;cursor:pointer;padding:5px 10px}.connect-button:hover,.submit-button:hover{background-color:#f5cd9f}.pairs-list{margin-bottom:-20px;margin-left:30px;margin-top:-20px}.pairs-list h4,.student-pairs h4{margin-bottom:0}.pairs-list ul,.student-pairs ul{display:flex;flex-wrap:wrap;gap:10px;list-style-type:none;padding:0}.pairs-list li,.student-pairs li{align-items:center;background-color:#97c098;border-radius:4px;box-sizing:border-box;color:#323232;display:flex;flex:0 0 auto;justify-content:space-between;margin-bottom:20px;max-width:100%;overflow-wrap:break-word;padding:0 5px;word-break:break-word}.remove-pair-button{background:none;border:none;color:#ff4d4dd3;cursor:pointer;font-size:16px;margin-top:5px}.remove-pair-button:hover{color:#ff1a1a}@media (max-width:768px){.pairing-content{align-items:center;flex-direction:column}.connect-button,.pairing-column,.submit-button{width:100%}}.point-value{color:#fff;font-size:.9em}.pairs-list li span{align-items:center;display:flex;gap:5px}.student-pairs{margin-bottom:-20px;margin-left:30px;margin-top:-20px}.new-item-input{background-color:#f8f8f8f8;border:1px solid #97c098;border-radius:4px;box-sizing:border-box;color:#323232;margin-bottom:5px;padding:7px;width:100%}.new-item-input:focus{background-color:#fff;border-color:#78a179;outline:none}.new-item-actions{display:flex;gap:5px;margin-top:5px}.new-item-actions button{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.save-item-button{background-color:#97c098;color:#fff}.cancel-item-button{background-color:#ff4d4dd3;color:#fff}.module-detail-page,.student-module-view{align-items:center;animation:fadeIn .5s ease-in-out;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;overflow-x:hidden;overflow-y:visible;padding:0;width:100%}.materials{flex-grow:1;margin-right:-10px;max-width:1000px;overflow-y:scroll;padding-bottom:50px;scrollbar-color:#ffffff80 #0000;scrollbar-width:thin;width:100%}.materials-content{min-width:100%;position:relative;width:100%}.material-controls{border-radius:8px;display:none;position:absolute;right:20px;top:5px;width:auto;z-index:15}.material-controls-toggle,.material-controls.visible{align-items:center;display:flex}.material-controls-toggle{background-color:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:30px;justify-content:center;margin-right:10px;opacity:.7;padding:0;position:absolute;right:5px;text-align:center;top:5px;transition:opacity .3s;width:30px;z-index:20}.material-controls-toggle:hover{opacity:1}.material-controller-buttons:hover{color:#000}.material-controller-buttons button{background-color:initial;border:none;border-radius:4px;color:#343434;cursor:pointer;font-size:16px;transition:background-color .3s}.material-controller-buttons .delete-material-button{margin-right:30px}.material-controller-buttons .delete-material-button:hover{color:#f44336}.material-controller-buttons .move-material-button:hover{color:#45a049}.material-item{box-sizing:border-box;cursor:pointer;margin:10px auto 30px;min-height:200px;overflow:visible;position:relative;transform-style:preserve-3d;transition:transform .6s;z-index:1}.material-item:hover{z-index:2}.material-item .iframe-wrapper,.material-item img,.material-item video{border-radius:8px;box-shadow:0 0 10px #00000080;display:block;margin:0 auto;max-width:100%}.material-item.very-small img,.material-item.very-small video{width:calc(10% - 4px)}.material-item.small img,.material-item.small video{width:calc(20% - 4px)}.material-item.medium img,.material-item.medium video{width:calc(35% - 4px)}.material-item.large img,.material-item.large video{width:calc(70% - 4px)}.material-item.very-large img,.material-item.very-large video{width:calc(100% - 4px)}.material-item.original img,.material-item.original video{max-width:calc(100% - 4px);width:auto}.material-item select{border:1px solid var(--border-light);border-radius:4px;width:auto}.shadow .iframe-wrapper,.shadow img,.shadow video{box-shadow:0 0 10px #00000080}.black-border .iframe-wrapper,.black-border img,.black-border video{border:3px solid #282828}.red-border .iframe-wrapper,.red-border img,.red-border video{border:3px solid red}.no-border .iframe-wrapper,.no-border img,.no-border video{border:none;box-shadow:none}.iframe-wrapper{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.iframe-wrapper iframe,.iframe-wrapper>div{height:100%;left:0;position:absolute;top:0;width:100%}.material-item.question .material-controls select{display:none}.text-content{color:var(--text-question);font-family:var(--font-family-primary);font-size:var(--font-size-question);margin-left:auto;margin-right:auto}.text-content p{margin:0;padding:0;text-align:left}.text-content h1,.text-content h2,.text-content h3{margin-top:0}.text-content ol,.text-content ul{margin-left:20px}.text-content a{color:#7289da;text-decoration:none}.text-content a:hover{text-decoration:underline}.material-item .iframe-wrapper,.material-item.text-content{padding-top:30px}.question-container{background-color:var(--bg-primary);border-radius:15px;box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:100%;padding:30px;position:relative;width:calc(100% - 22px)}.question-header{align-items:flex-start;display:flex;margin-bottom:10px;margin-left:15px;margin-top:10px}.question-header .question-input{border:1px solid var(--border-light);border-radius:8px;box-sizing:border-box;color:var(--text-question);cursor:text;flex-grow:1;font-family:var(--font-family-primary);font-size:var(--font-size-question);margin-bottom:10px;margin-left:15px;padding:7px;width:100%}.question-display input{background-color:#f4f4f4;border:1px solid #4a4d54;border-radius:4px;margin:0 5px;padding:5px}.category-tags-container{display:flex;justify-content:flex-start;margin-bottom:10px;padding-left:30px}.question-footer,.question-footer-flex{align-items:center;display:flex;justify-content:space-between}.question-footer-flex{width:100%}.question-footer-button{background-color:#f2d2b4;border:none;border-radius:4px;color:#323232;cursor:pointer;margin-right:5px;margin-top:5px;padding:5px 10px;transition:background-color .3s}.question-footer-button:first-child{margin-left:30px}.question-footer-button:hover{background-color:#f5cd9f}.content-buttons-container{box-sizing:border-box;display:flex;justify-content:center;margin:0 auto 30px;min-height:120px;position:relative;width:calc(100% - 35px);z-index:0}.content-buttons-container:before{background:#0000;border:2px dashed #474f56;border-radius:8px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:border-color .3s ease;z-index:0}@keyframes dashedBorderAnimation{0%{border-color:#6c757d80}50%{border-color:#6c757dcc}to{border-color:#6c757d80}}.content-buttons{align-items:center;display:flex;gap:10px;z-index:0}.content-button{align-items:center;background-color:#3c3f45;border:none;border-radius:5px;color:var(--text-light);cursor:pointer;display:flex;font-size:var(--font-size-body);justify-content:center;min-width:120px;padding:10px 20px;transition:background-color .3s;width:auto}.content-button .button-icon{margin-right:8px}.content-button:hover{background-color:#2a892d;transform:scale(1.05);transition:background-color .5s}@media screen and (orientation:portrait){.content-buttons-container{margin-bottom:20px;min-height:80px}.content-buttons{gap:5px}.content-button{font-size:13px;min-width:auto;padding:8px 12px}.content-button .button-icon{font-size:12px;margin-right:4px}.content-button span.button-text-add{display:none}.content-button span.button-text-add:before{content:"+";display:inline}}.audio-player-container{align-items:flex-start;display:flex;flex-direction:column}.question-container.black-border{border:3px solid #282828!important}.question-container.red-border{border:3px solid red!important}.question-container.shadow{box-shadow:0 0 10px #0003!important}.question-container.no-border{border:none!important;box-shadow:none!important}.save-button{align-items:center;background-color:#45a049;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:0 10px}.save-button .checkmark{margin-right:5px}.save-button:hover .save-icon{transform:translateX(2px);transition:transform .3s ease}.clickable-course-name,.move-button{cursor:pointer}.move-button{border:none}.move-button:hover{background-color:#0000001a}.material-container{padding-left:35px;position:relative}.question-number{color:#404040aa;font-size:20px;font-weight:700;left:45px;position:absolute;top:45px;transition:top .2s ease;-webkit-user-select:none;user-select:none;z-index:2}.material-item.show-controls .question-number{top:78px}.question-number.double-digit{left:40px}.audio-recorder-question{word-wrap:break-word;background-color:#fff;border:1px solid var(--border-light);border-radius:8px;color:var(--text-question);flex-grow:1;font-family:var(--font-family-primary);font-size:var(--font-size-question);margin-bottom:10px;margin-left:15px;padding:7px;white-space:pre-wrap;width:100%}.game-header{margin-left:-15px}.category-tags{display:flex;justify-content:center;margin-top:5px;width:100%}.module-detail-page .button-container,.student-module-view .button-container{align-items:center;background-color:#f6f6f6a2;bottom:0;box-shadow:0 -2px 4px #0000001a;display:flex;flex-direction:column;gap:5px;left:0;padding:5px;position:fixed;width:100%;z-index:1000}.module-detail-page .button-controls,.student-module-view .button-controls{display:flex;gap:10px;justify-content:center}.button-icon{font-size:16px;transition:transform .5s ease-in-out}.save-button,.settings-button{align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:background-color .3s,transform .2s}.save-button{background-color:#28a745}.save-button:hover{background-color:#309b33;transform:scale(1.05)}.settings-button{background-color:#3c3f45}.settings-button:hover{background-color:#4a4d54;transform:scale(1.05)}.save-button:disabled,.settings-button:disabled{background-color:#6c757d;cursor:not-allowed;transform:none}.save-button:disabled .button-icon,.settings-button:disabled .button-icon{transform:none}.generate-content-button{align-items:center;background:linear-gradient(45deg,#6b46c1,#805ad5);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:background-color .3s,transform .2s}.generate-content-button:hover{transform:scale(1.05)}.generate-content-button .generate-icon{position:relative;transition:transform .3s ease}.generate-content-button:hover .generate-icon{animation:sparkle 1.5s infinite}.question-container .text-content{box-sizing:border-box;min-height:100px;text-align:left;width:100%}.question-container .question-header{text-align:left;width:100%}.question-container .question-header .text-content{margin:0;width:100%}.generate-content-button.disabled{background-color:#ccc;cursor:not-allowed;opacity:.5}.generate-content-button.disabled:hover{background-color:#ccc;transform:none}.upgrade-badge{background-color:#ff6b6b;border-radius:8px;color:#fff;font-size:10px;margin-left:4px;padding:2px 4px;position:relative;top:-2px}@media screen and (orientation:portrait){.question-footer-flex>div:first-child{display:flex;gap:8px}.question-footer-button{white-space:nowrap}.button-container{padding:8px}.button-controls{display:flex;justify-content:space-between;width:100%}.generate-content-button,.save-button,.settings-button{align-items:center;animation:none!important;display:flex;font-size:13px;height:40px;justify-content:center;margin-left:-5px;padding:0 5px;transform:none!important;white-space:nowrap}.button-icon,.generate-content-button:hover,.save-button:hover,.settings-button:hover{animation:none!important;transform:none!important}.button-icon{font-size:13px}.generate-content-button{background:#6b46c1}.generate-content-button:hover{background:#805ad5}.generate-icon{animation:none!important}.module-detail-page,.student-module-view{overflow-x:hidden;padding:0;width:100%}.materials{margin-right:0;padding:10px}.materials,.question-container{box-sizing:border-box;width:100%}.question-container{margin:10px 0;padding:20px}.material-container{box-sizing:border-box;padding-left:15px;width:100%}.question-number{left:25px;top:44px}.question-number.double-digit{left:20px}.material-item.show-controls .question-number{top:100px}.material-controls-toggle{right:-7px;top:12px}}.info-tooltip-container{position:relative;z-index:1000}.tooltip{background-color:#fff;border-radius:4px;box-shadow:0 2px 8px #00000026;padding:10px;position:absolute;right:0;top:100%;width:800px;z-index:1000}.spin-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:24px;justify-content:center;margin:8px auto 0;opacity:.6;padding:0;transition:opacity .2s ease;width:24px}.spin-button:hover{opacity:1}.material-item.flipped,.material-item.is-flipping{transform-style:preserve-3d}.material-item.flipped{transform:rotateX(180deg)}.card-face{display:flex;flex-direction:column;min-height:100%;position:relative;width:100%}.card-face.back,.card-face.front{backface-visibility:hidden}.card-face.front{display:flex;flex-direction:column;min-height:100%;position:relative;transform:rotateX(0deg);z-index:1}.card-face.front .question-container{display:flex;flex:1 1;flex-direction:column}.card-face.back{box-sizing:border-box;height:100%;left:0;min-height:100%;position:absolute;top:0;transform:rotateX(180deg);width:100%}.card-face.back .question-container{display:flex;flex-direction:column;height:100%}.card-face.back .question-header,.tip-back-header{display:flex;flex:1 1;flex-direction:column}.tip-back-header{align-items:flex-start;cursor:pointer;justify-content:flex-start;min-height:calc(100% - 60px);overflow:hidden;position:relative;transition:background-color .3s ease}.tip-back-header.modal-open{min-height:100%}.tip-back-header .add-text-modal-wrapper{background-color:var(--bg-primary);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:10}.tip-back-header.modal-open+.tip-return-button-container{display:none}.tip-back-header>div{pointer-events:auto}.tip-back-header .add-text-modal-content{display:flex;flex-direction:column;height:100%;margin:0;max-width:100%;overflow:hidden}.tip-back-header .add-text-modal-content .ql-toolbar{background-color:#eeeeeeea;flex-shrink:0;position:sticky;top:0;z-index:20}.tip-back-header .add-text-modal-content .ql-container{display:flex;flex:1 1;flex-direction:column;height:auto!important;min-height:0;overflow:hidden}.tip-back-header .add-text-modal-content .ql-editor{flex:1 1;max-height:none;min-height:0;overflow-y:auto;padding:8px}.tip-back-header .ql-toolbar{border:1px solid #ccc;border-bottom:none}.tip-back-header .ql-container{border:1px solid #ccc;border-top:none}.tip-back-header .modal-buttons{background-color:var(--bg-primary);border-top:1px solid #eee;bottom:0;flex-shrink:0;margin:0;padding:8px;position:sticky;z-index:20}.tip-title{color:#92b692;font-size:20px;font-weight:600;margin:0}.tip-text,.tip-title{text-align:left;width:100%}.tip-text{color:#333;font-size:16px;line-height:1.6;max-width:100%}.tip-text p{margin:0}.tip-text p:last-child{margin-bottom:0}.tip-side-placeholder{background-color:#f9f9f9;border:2px dashed #ccc;border-radius:8px;box-sizing:border-box;color:#999;font-size:16px;font-style:italic;min-height:100px;text-align:center;width:100%}.tip-return-button-container,.tip-side-placeholder{align-items:center;display:flex;justify-content:center}.tip-return-button-container{margin-top:auto;padding:16px}.tip-return-button{background:none;border:none;border-radius:50%;color:#888;cursor:pointer;padding:8px;transition:all .3s ease}.tip-return-button:hover{color:gold;transform:scale(1.1)}.the-guessinator-game{align-items:center;background:linear-gradient(135deg,#1a2a6c,#b21f1f,#fdbb2d);background-size:300% 300%;border-radius:15px;display:flex;flex-direction:column;padding:20px}.game-status{margin-bottom:20px;text-align:center;width:100%}.attempts-remaining{margin-bottom:15px}.star-icon{color:gold;filter:drop-shadow(0 0 2px rgba(0,0,0,.3));font-size:24px;margin:0 5px}.star-icon:hover{animation:sparkle 1.5s infinite alternate}@keyframes sparkle{0%{filter:drop-shadow(0 0 2px rgba(255,215,0,.5))}to{filter:drop-shadow(0 0 5px rgba(255,215,0,.8))}}.star-icon.losing{animation:loseStar .5s ease-out forwards;transform-origin:center}@keyframes loseStar{0%{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.5;transform:scale(1.5) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(1turn)}}.word-display{color:#fff;font-family:Courier New,monospace;font-size:2.5em;letter-spacing:8px;margin:20px 0;min-height:60px;text-shadow:2px 2px 4px #0000004d}.game-result{animation:fadeIn .5s ease-out;background:#ffffffe6;border-radius:10px;text-align:center}.game-result.lost,.game-result.won{background:none;color:#fff}.reset-button{background:#2196f3;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px;transition:all .3s ease}.reset-button:hover{background:#1976d2;transform:scale(1.05)}.letter-block{align-items:center;background:#ffffffe6;border-radius:8px;box-shadow:0 2px 4px #0003;color:#1a2a6c;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:600;height:40px;justify-content:center;margin:0 5px;transition:all .3s ease;vertical-align:middle;width:40px}.letter-block.empty{background:#ffffff4d}.letter-block.filled{animation:popIn .3s ease-out}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.play-button{background:#4caf50;border:none;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:24px;margin:20px 0;padding:15px 40px;transition:all .3s ease}.play-button:hover{box-shadow:0 6px 8px #0003;transform:scale(1.05)}.game-container{align-items:center;animation:fadeIn .5s ease-out;display:flex;flex-direction:column;width:100%}.input-hint{color:#fffc;font-style:italic;margin:20px 0;text-align:center}.flashcards-wrapper{background-color:none;border-radius:15px;margin-left:auto;margin-right:auto;width:100%}.flashcards-grid{display:flex;gap:30px;justify-content:center;width:100%}@media screen and (orientation:portrait){.flashcards-grid{gap:15px}}.flashcards-grid.cards-1 .flashcard{max-width:400px;width:100%}.flashcards-grid.cards-2 .flashcard{max-width:300px;width:calc(50% - 15px)}.flashcards-grid.cards-3 .flashcard{max-width:250px;width:calc(33.33% - 20px)}.flashcard{box-sizing:border-box;cursor:pointer;height:180px;perspective:1000px}.flashcard-inner{background-color:none;border-radius:15px;box-shadow:0 5px 9px #0000004d;height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s;width:100%}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.fc-back,.fc-front{align-items:center;backface-visibility:hidden;background:#fcfcfcfc;border-radius:10px;box-sizing:border-box;display:flex;height:100%;justify-content:center;overflow:hidden;padding:20px;position:absolute;width:100%}.fc-back{transform:rotateY(180deg)}.card-content{word-wrap:break-word;max-width:80%}.card-content,.flashcard textarea{color:#646464;font-size:1.2em;text-align:center}.flashcard textarea{background:#0000;border:none;height:60%;margin:auto;padding:10px;resize:none;width:80%}.flashcard textarea:focus{border:none;outline:none}.flashcard-controls{gap:15px;margin-top:20px;width:100%}.flashcard-controls,.shuffle-button{align-items:center;display:flex;justify-content:center}.shuffle-button{background:#ffffffe6;border:none;border-radius:50%;color:#1a2a6c;cursor:pointer;height:40px;transition:all .3s ease;width:40px}.shuffle-button:hover{background:#fff;box-shadow:0 2px 4px #0003;transform:scale(1.1)}.no-cards{color:#fff;font-size:1.2em;margin:20px 0;text-align:center}@keyframes cardFlip{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}.editor-controls{display:flex;gap:10px;margin-top:20px}.add-card-button,.delete-card-button{border:none;border-radius:5px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.add-card-button{background:#4caf50;color:#fff}.delete-card-button{background:#f44336;color:#fff}.add-card-button:hover,.delete-card-button:hover{box-shadow:0 2px 4px #0003;transform:scale(1.05)}.open-text-response{border-radius:8px;flex-grow:1;min-height:100px;padding:25px}.empty-text-placeholder{align-items:center;border:2px dashed #ddd;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:150px;transition:background-color .2s}.empty-text-placeholder:hover{background-color:#f0f0f0}.empty-text-placeholder svg{color:#5f5f5f;font-size:2rem}.add-content-modal-overlay{display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.add-content-modal-content{background-color:#f6f6f6;border-radius:8px;box-shadow:0 2px 10px #0003;left:50%;margin:0 auto;max-height:80vh;max-width:700px;overflow-y:auto;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:95%}.add-content-modal-content h2{align-items:center;color:#666;display:flex;font-size:1.2em;margin-bottom:20px;padding-right:30px}.media-options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);padding:20px}.media-button{align-items:center;background-color:#eeeeeeea;border:none;border-radius:5px;color:#666;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:20px;transition:all .3s ease}.media-button:hover{background-color:#92b692;color:#fff;transform:translateY(-2px)}.media-button span{font-size:.9em;font-weight:500}.question-type-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.question-type-button{background-color:#eeeeeeea;border:none;border-radius:5px;cursor:pointer;padding:8px 15px;transition:background-color .3s}.question-type-button:hover{background-color:#92b692}.image-segment{align-items:center;background-color:#eeeeeeea;border-radius:5px;display:flex;margin-bottom:20px;padding:15px;transition:background-color .3s}.image-segment:hover{background-color:#e6e6e6}.segment-icon{color:#666;margin-right:20px}.segment-content{flex-grow:1}.button-text-container{align-items:center;display:flex;gap:10px}.custom-file-upload,.record-button{background-color:#eeeeeeea;border:none;border-radius:5px;color:#666;cursor:pointer;padding:8px 15px;transition:background-color .3s}.custom-file-upload:hover,.record-button:hover{background-color:#92b692;color:#fff}.info-text{color:#666;font-size:.9em}.caption-container{margin-top:20px}.caption-container input{border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:8px;width:100%}.modal-buttons{display:flex;gap:10px;justify-content:flex-end}.modal-buttons button{background-color:#eeeeeeea;border:none;border-radius:5px;color:#666;cursor:pointer;padding:8px 15px;transition:background-color .3s}.modal-buttons button:hover{background-color:#92b692;color:#fff}.error-message{color:#ff4d4d;font-size:.9em;margin-bottom:10px}.back-button{background:none;color:#333;font-size:18px;margin-right:10px;padding:5px 10px;transition:color .3s}.back-button:hover{color:#92b692}.close-button{font-size:24px;opacity:.7;transition:opacity .3s}.close-button:hover{opacity:1}.games-button{background:linear-gradient(135deg,#1a2a6c,#b21f1f,#fdbb2d);background-position:0 50%;background-size:300% 300%;color:#fff}.games-button,.games-button:hover{transition:background-position 2s ease}.games-button:hover{background-position:100% 50%}.recorded-video-preview{margin:20px 0}.video-thumbnail-container{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;margin-bottom:20px;overflow:hidden}.video-thumbnail{border-radius:4px;height:120px;object-fit:cover;width:180px}.video-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:15px}.video-info h3{color:#555;font-size:16px;margin:0 0 10px}.thumbnail-actions{display:flex;justify-content:flex-end}.re-record-button{background-color:#f44336c3;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;transition:background-color .3s}.re-record-button:hover{background-color:#f44336}.video-recorder{align-items:center;display:flex;flex-direction:column}.video-recorder video{margin-bottom:10px;max-width:640px;width:100%}.recording-timer{margin-bottom:10px}.video-recorder-button-container{display:flex;gap:10px;justify-content:center;margin-top:10px;width:100%}.video-recorder button{background-color:#f44336c3;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;margin:5px;padding:10px 20px}.video-recorder button:hover{background-color:#f44336}.settings-section{margin:20px 0}.setting-item{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:10px 0}.setting-item,.setting-label{align-items:center;display:flex}.setting-label{color:#fff;flex-wrap:wrap;font-size:14px}.toggle-switch{display:inline-block;height:24px;position:relative;width:40px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ff4a4a;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}input:checked+.toggle-slider{background-color:#4caf50}input:checked+.toggle-slider:before{transform:translateX(16px)}input:disabled+.toggle-slider{background-color:#ccc;cursor:not-allowed;opacity:.6}input:disabled+.toggle-slider:before{background-color:#f1f1f1}.setting-label.disabled,.toggle-switch.disabled{cursor:not-allowed;opacity:1}.toggle-switch.disabled .toggle-slider,.toggle-switch.disabled input{cursor:not-allowed}.upgrade-badge-small{background-color:#ff6b6b;border-radius:6px;color:#fff;font-size:8px;font-weight:700;margin-left:4px;padding:1px 3px;position:relative;top:-1px}.mode-hint{color:#9e9e9e;font-size:12px;font-style:italic;margin-left:8px}input:disabled~.mode-hint{color:#999}.generate-content-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.generate-content-modal{background:#fff;border-radius:8px;max-height:80vh;max-width:650px;overflow-y:auto;padding:20px;position:relative;width:100%}.close-button{right:10px;top:10px}.description-section{margin-bottom:20px}.description-section textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;min-height:150px;resize:vertical;width:100%}.question-types-section{margin-bottom:20px}.section-title{color:#333;font-size:1.1em;margin-bottom:15px}.question-types-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding:0 10px}.question-type-row{align-items:center;background-color:#fafafa;border:1px solid #eee;border-radius:4px;display:flex;justify-content:space-between;padding:10px;transition:background-color .2s}.question-type-row:hover{background-color:#f0f0f0}.count-control{align-items:center;display:flex;gap:10px}.count-control button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;height:30px;width:30px}.count-control button:hover{background:#f5f5f5}.count-control input{border:1px solid #ddd;border-radius:4px;padding:5px;text-align:center;width:50px}.generation-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.generate-button{align-items:center;background-color:#6b46c1;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:200px;padding:12px;transition:background-color .3s ease}.generate-button:hover{background-color:#805ad5}.generate-button:disabled{background-color:#a0aec0;cursor:not-allowed}.copilot-button{align-items:center;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:200px;padding:12px;transition:background-color .3s ease}.copilot-button:hover{background-color:#45a049}.copilot-button:disabled{background-color:#a0aec0;cursor:not-allowed}.copilot-icon{align-items:center;display:flex;justify-content:center}.upgrade-badge{background-color:#ffc107;border-radius:4px;color:#333;font-size:.7em;font-weight:700;margin-left:8px;padding:2px 6px;text-transform:uppercase;vertical-align:middle}@media (max-width:768px){.generation-buttons{flex-direction:column}.copilot-button,.generate-button{min-width:0;min-width:auto;width:100%}.question-types-grid{grid-template-columns:1fr}}.copilot-manual-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.copilot-manual-modal{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;color:#333;margin:auto;max-height:90vh;max-width:900px;overflow-y:auto;padding:30px;position:relative;width:90%}.modal-header{gap:12px;margin-bottom:20px}.copilot-logo{align-items:center;color:#4caf50;display:flex}.modal-header h2{color:#333;font-size:24px;font-weight:500}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:20px;padding:5px;position:absolute;right:15px;top:15px}.close-button:hover{color:#333}.copilot-manual-guide{background-color:#f0f8ff;border-left:4px solid #4caf50;border-radius:4px;margin-bottom:15px;padding:10px}.guide-intro{line-height:1.4;margin:0}.guide-intro,.guide-step{color:#333;font-size:14px}.guide-step{font-weight:500;line-height:1.2;margin:8px 0}.guide-step.completed:after{align-items:center;background-color:#28a745;border-radius:50%;color:#fff;content:"✓";display:inline-flex;font-size:14px;height:22px;justify-content:center;line-height:1;margin-left:8px;width:22px}.step-section,.steps-container{margin-bottom:20px}.step-section{opacity:.6;transition:opacity .3s ease}.step-section.active{opacity:1}.step-content{margin-top:10px}.step-content label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.description-display{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;color:#333;font-style:italic;min-height:40px;padding:12px}.prompt-section{margin-top:10px}.prompt-textarea,.response-textarea{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;color:#333;font-family:Courier New,monospace;font-size:13px;padding:12px;resize:vertical;width:100%}.prompt-textarea:focus,.response-textarea:focus{border-color:#4caf50;outline:none}.prompt-textarea{background-color:#f8f9fa}.copy-prompt-button{align-items:center;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;margin-top:10px;padding:8px 16px;transition:background-color .3s ease}.copy-prompt-button:hover{background-color:#45a049}.copy-prompt-button:disabled{background-color:#a0aec0;cursor:not-allowed}.action-buttons{border-top:1px solid #e0e0e0;flex-wrap:wrap;gap:12px;margin-bottom:20px;opacity:1!important;padding:20px 0;position:relative;visibility:visible!important;z-index:10}.copy-prompt-button-main,.next-step-button,.process-response-button{align-items:center;border:none;border-radius:4px;color:#fff!important;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;min-height:44px;padding:12px 24px;transition:background-color .3s ease}.next-step-button{background-color:#6b46c1!important;color:#fff!important}.next-step-button:hover{background-color:#805ad5!important}.copy-prompt-button-main{background-color:#4caf50!important;color:#fff!important}.copy-prompt-button-main:hover{background-color:#45a049!important}.process-response-button{background-color:#2196f3!important;border-radius:6px;box-shadow:0 2px 4px #2196f34d;color:#fff!important;font-size:16px;font-weight:600;padding:14px 28px}.process-response-button:hover{background-color:#1976d2!important;box-shadow:0 4px 8px #2196f366}.copy-prompt-button-main:disabled,.next-step-button:disabled,.process-response-button:disabled{background-color:#a0aec0!important;color:#666!important;cursor:not-allowed}.ready-indicator{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;font-size:14px;font-weight:500;margin-top:10px;padding:8px 12px;text-align:center}@media (max-width:768px){.copilot-manual-modal{max-height:95vh;padding:20px;width:95%}.modal-header h2{font-size:20px}.action-buttons{flex-direction:column}.copy-prompt-button-main,.next-step-button,.process-response-button{justify-content:center;width:100%}}.app-header{background-color:#bd2b39;box-sizing:border-box;color:#fff;height:70px;justify-content:space-between;left:0;padding:0 20px;position:fixed;top:0;width:100%;z-index:1000}.app-header,.app-header-left{align-items:center;display:flex}.app-header-left{flex:1 1;min-width:200px}.app-logo{height:45px;margin-bottom:0;margin-right:15px}.app-name{font-size:24px;font-weight:700;margin-top:15px}.app-header-nav{flex:3 1;height:100%;justify-content:center}.app-header-nav,.nav-item{align-items:center;display:flex}.nav-item{border-radius:4px;color:#fff;cursor:pointer;height:70%;margin:0 5px;padding:0 15px;transition:background-color .3s,transform .2s;white-space:nowrap}.nav-item:hover{background-color:#ffffff1a;transform:translateY(-2px)}.nav-item.active{background-color:#fff;color:#bd2b39;font-weight:700}.nav-icon{margin-right:8px}.app-header-right{display:flex;flex:1 1;gap:15px;justify-content:flex-end;margin-top:10px;min-width:200px}.app-header-right p{font-size:14px;margin:0}.app-header-right .app-header-role{font-size:12px}.header-avatar{border:2px solid #007bff;border-radius:50%;height:60px;object-fit:cover;width:60px}.header-user-info{display:flex;flex-direction:column;justify-content:center}.app-header-text{font-weight:500;margin:0}.app-header-role{color:#c8c8c8;font-size:.9em;margin:0}@media (max-width:768px){.app-header{padding:10px 10px 0}.app-name{display:none}.app-header-left{min-width:auto}.nav-item span{display:none}.nav-icon{font-size:1.2em;margin-right:0}.app-header-right{min-width:auto}.header-user-info{display:none}.header-avatar{height:40px;width:40px}.app-header-nav{justify-content:space-around}.nav-item{padding:0 10px}}.logout-button{background-color:#000;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:12px;padding:5px 10px}.logout-button:hover{background-color:#ededed;color:#000}.module-detail-page.student-view .multiple-choice-question input[type=number],.module-detail-page.student-view .multiple-choice-question input[type=text]{background-color:#3c3f45;border:1px solid #4a4d54;color:#fff}.module-detail-page.student-view .multiple-choice-question .option-container input[type=checkbox],.module-detail-page.student-view .multiple-choice-question .option-container input[type=radio]{cursor:pointer}.ai-icon,.save-icon{font-size:16px;transition:transform .5s ease-in-out}.auto-evaluate-button,.check-practice-answers-button,.save-feedback-button,.submit-answers-button{align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:background-color .3s,transform .2s}.auto-evaluate-button{background-color:#3c3f45}.auto-evaluate-button:hover{background-color:#4a4d54;transform:scale(1.05)}.auto-evaluate-button:hover .ai-icon{transform:rotate(1turn)}.submit-icon{font-size:16px;transition:transform .5s ease-in-out}@keyframes float{0%{transform:translateX(0)}50%{transform:translateX(2px)}to{transform:translateX(0)}}.submit-answers-button{align-items:center;background-color:#28a745;display:flex;justify-content:center;padding:8px 16px}.button-controls{align-items:center;display:flex;gap:10px}.countdown-container{align-items:center;background-color:#0003;border-radius:4px;color:#fff;display:flex;font-size:.85em;margin-left:10px;padding:4px 10px}.countdown-container .availability-countdown{background-color:initial}.countdown-container .countdown-text{color:#fff;font-weight:400}.submit-answers-button:hover{background-color:#309b33;transform:scale(1.05)}.submit-answers-button:hover .submit-icon{animation:float 1s ease-in-out infinite}.check-practice-answers-button{background-color:#17a2b8}.check-practice-answers-button:hover{background-color:#138496;transform:scale(1.05)}.check-practice-answers-button:hover .check-icon{transform:scale(1.2)}.save-feedback-button{background-color:#6f42c1}.save-feedback-button:hover{background-color:#6337b3;transform:scale(1.05)}.save-feedback-button:hover .save-icon{transform:translateY(-2px) rotate(10deg)}.auto-evaluate-button:disabled,.check-practice-answers-button:disabled,.save-feedback-button:disabled,.submit-answers-button:disabled{background-color:#6c757d;cursor:not-allowed;transform:none}.auto-evaluate-button:disabled .button-icon,.check-practice-answers-button:disabled .button-icon,.save-feedback-button:disabled .button-icon,.submit-answers-button:disabled .button-icon{transform:none}.student-module-view .scorebox-container.student-view{margin-left:auto}.module-unavailable{align-items:center;display:flex;flex-direction:column;gap:20px;text-align:center}.unavailable-icon{color:#666;font-size:48px}.unavailable-text{display:flex;flex-direction:column}.settings-hint{color:#666;font-size:.9em}.clickable-course-name,.clickable-module-name{cursor:pointer}.material-item .iframe-wrapper.youtube-wrapper{box-sizing:border-box;width:calc(100% - 20px)}.time-remaining-container{font-size:.9em;opacity:.8;text-align:center;transition:opacity .3s ease}.time-remaining-container:hover{opacity:1}.student-module-view .question-container{cursor:default}.student-module-view button,.student-module-view input[type=checkbox],.student-module-view input[type=radio]{cursor:pointer}.button-countdown{font-size:.7em;margin-top:4px}.button-countdown .availability-countdown{background-color:initial}.button-countdown .countdown-text{color:#fff;font-weight:400}.student-module-view .question-footer-flex{position:relative}.student-module-view .question-footer-flex .info-tooltip-container{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.student-module-view .scorebox-container{margin-left:auto}.student-module-view .tip-return-button-container{align-items:center;display:flex;justify-content:center;width:100%}.student-module-view .tip-return-button{margin:0 auto}.student-module-view{padding-bottom:100px}.teacher-feedback-wrapper{align-items:flex-start;display:flex;gap:15px;margin:15px 0}.feedback-avatar{border:2px solid #e0e0e0!important;border-radius:50%!important;box-shadow:none!important;display:inline-block!important;flex-shrink:0!important;height:40px!important;margin:0!important;object-fit:cover!important;width:40px!important}.teacher-feedback{background-color:#f6f6f6;border-radius:8px;border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.201);color:#000;flex:1 1;margin-left:auto;margin-right:auto;margin-top:10px;max-width:100%;padding:25px;position:relative;width:90%}.teacher-feedback:before{background-color:#e0e0e0;content:"";height:30px;left:30px;position:absolute;top:-15px;width:2px}.feedback-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.feedback-header h4{color:#333;margin:0}.edit-button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 8px}.edit-button:hover{background-color:#5a6268}.teacher-feedback-editor{box-sizing:border-box;padding:15px;width:100%}.teacher-feedback-editor textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;margin-bottom:10px;min-height:80px;padding:8px;resize:vertical;width:100%}.editor-buttons{align-items:center;display:flex;gap:10px;justify-content:flex-end}.teacher-feedback-editor .control-button{border:none;border-radius:4px;cursor:pointer;flex-shrink:0;font-size:13px;max-height:30px;padding:5px 10px;white-space:nowrap}.cancel-button{background-color:#f44336c3;color:#fff}.cancel-button:hover{background-color:#f44336}.common-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;max-height:30px;padding:5px 10px;white-space:nowrap}.common-button:hover{background-color:#45a049}.no-feedback{color:#6c757d;font-style:italic}.no-feedback-container{align-items:center;display:flex;gap:10px}.feedback-content-wrapper{align-items:flex-start;display:flex;gap:15px;margin-top:10px}.feedback-content p{margin-bottom:1em;text-align:left}.feedback-controls{align-items:center;display:flex;gap:10px}.feedback-control-button{align-items:center;background-color:#3c3f45;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:5px;justify-content:center;padding:5px 10px}.feedback-control-button:hover{background-color:#45a049}.feedback-control-button .ai-icon{font-size:16px;transition:transform .5s ease-in-out}.feedback-control-button:hover .ai-icon{transform:rotate(1turn)}.delete-feedback-button{background-color:#dc3545!important}.delete-feedback-button:hover{background-color:#c82333!important}.delete-feedback-button.active{background-color:#bd2130!important}.delete-icon{font-size:16px;margin-right:8px}.feedback-control-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.7}.feedback-control-button:disabled .ai-icon{transform:none}.feedback-control-button:disabled:hover{background-color:#6c757d}.feedback-title{align-items:center;display:flex;gap:10px}.feedback-meta{color:#666;font-size:.85em;margin-bottom:8px}.feedback-meta strong{color:#444}.feedback-content{flex:1 1;min-width:0}.ml-2{margin-left:1rem;margin-right:1rem;margin-top:1rem}.home-page{align-items:flex-start;display:flex;justify-content:center;overflow:hidden}.welcome-container{max-width:800px;text-align:center}.welcome-message{color:#333;font-size:3.5rem;font-weight:600;margin-bottom:2rem;min-height:80px}.follow-up-message{color:#333;font-size:1.8rem;font-weight:400;opacity:0}.fade-in{animation:fadeIn 1s ease-in forwards}.action-buttons{gap:30px;margin-top:60px}.action-button,.action-buttons{display:flex;justify-content:center;opacity:0}.action-button{align-items:center;animation:slideIn 1s ease-out forwards;background-color:#5a8a5a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.3rem;overflow:hidden;padding:12px 30px;text-overflow:ellipsis;transition:transform .3s,background-color .3s;white-space:nowrap}.action-button.slide-out{animation:slideOut 1s ease-in forwards!important}.action-button:first-child{animation-delay:0s}.action-button:nth-child(2){animation-delay:.2s}.action-button:nth-child(3){animation-delay:.4s}.action-button.slide-out:first-child,.action-button:nth-child(4){animation-delay:.6s}.action-button.slide-out:nth-child(2){animation-delay:.4s}.action-button.slide-out:nth-child(3){animation-delay:.2s}.action-button.slide-out:nth-child(4){animation-delay:0s}.action-button:hover{background-color:#6aa36a}@keyframes slideIn{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}.button-icon{font-size:1.2rem;margin-right:10px}@media (max-width:768px){.action-buttons{flex-direction:column;gap:15px;padding:0 20px}.action-button{font-size:1.1rem;min-height:48px;padding:12px 20px;white-space:normal;width:100%}.button-icon{font-size:1rem;min-width:20px}.welcome-message{word-wrap:break-word;font-size:2.5rem;overflow-wrap:break-word;padding:0 10px}.follow-up-message{font-size:1.4rem;padding:0 10px}}@media (max-width:380px){.action-button{font-size:1rem;padding:10px 15px}.button-icon{font-size:.9rem}.welcome-message{font-size:2rem}.follow-up-message{font-size:1.2rem}}.action-button{max-width:100%}@media (min-width:769px){.action-button{max-width:250px;overflow:hidden;text-overflow:ellipsis}}:root{--gb-primary-bg:#3a3d41e2;--gb-secondary-bg:#f6f6f6f6;--gb-header-bg:#282c34;--gb-border-color:#535353;--gb-text-color:#fff;--gb-cell-width:140px;--gb-border-radius:15px;--gb-shadow:0 0 10px rgba(0,0,0,.201)}.gradebook-controls-container{align-items:center;display:flex;justify-content:space-between}.gradebook-navigation-buttons{display:flex;gap:10px;margin-bottom:20px}.back-to-overview-button,.gradebook-back-button{align-items:center;background-color:#3c3f45;border:none;border-radius:5px;box-shadow:0 0 5px #0000004d;color:#fff;color:var(--gb-text-color);cursor:pointer;display:inline-flex;font-size:14px;gap:8px;margin:8px;max-width:250px;padding:10px;position:relative;transition:background-color .3s,transform .2s;width:auto;z-index:1}.back-to-overview-button:hover,.gradebook-back-button:hover{background-color:#2a892d;transform:scale(1.05)}.gradebook-course{animation:fadeIn .5s ease-in-out;background-color:#3a3d41e2;background-color:var(--gb-primary-bg);margin-bottom:30px;padding:20px}.gradebook-course,.gradebook-grid{border-radius:15px;border-radius:var(--gb-border-radius);box-shadow:0 0 10px rgba(0,0,0,.201);box-shadow:var(--gb-shadow)}.gradebook-grid{height:calc(100vh - 300px);margin-top:20px;min-height:400px;overflow:auto;position:relative;width:100%}.gradebook-grid,.gradebook-headers{background-color:#f6f6f6f6;background-color:var(--gb-secondary-bg)}.gradebook-headers{border-bottom:2px solid #535353;border-bottom:2px solid var(--gb-border-color);display:flex;min-width:100%;position:sticky;top:0;width:fit-content;z-index:3}.gradebook-body{overflow:visible}.gradebook-row{display:flex;gap:1px;min-width:fit-content;padding:1px 0}.gradebook-cell{background-color:#f6f6f6f6;border:none;border-radius:4px;color:#333;margin:2px;max-width:140px;max-width:var(--gb-cell-width);min-width:140px;min-width:var(--gb-cell-width);padding:12px}.gradebook-cell.student-name{background-color:#f6f6f6f6;left:0;position:sticky;z-index:2}.gradebook-cell.corner-cell{background-color:#f6f6f6f6;left:0;position:sticky;top:0;z-index:4}.score-line{font-size:.9em;margin-bottom:4px}.answer-line{font-size:.85em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-controls{align-items:center;display:flex;gap:4px}.gradebook-icon-button{align-items:center;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.gradebook-icon-button:hover{background:#f5f5f5}.gradebook-status-text{font-size:.85em;font-weight:500}.gradebook-status-text.correct{color:#4caf50}.gradebook-status-text.incorrect{color:#f44336}.gradebook-status-text.no-answer{color:#e5af5f}.gradebook-class-list-selector{align-items:center;display:flex;gap:10px;margin-bottom:20px}.gradebook-class-list-selector select{background-color:#3a3d41e2;background-color:var(--gb-primary-bg);border:1px solid #282c34;border:1px solid var(--gb-header-bg);border-radius:4px;color:#fff;color:var(--gb-text-color);padding:8px}.gradebook-class-list-selector label{color:#fff;color:var(--gb-text-color)}.gradebook-status-bar{background-color:#3a3d41e2;background-color:var(--gb-primary-bg)}.gradebook-status-field{color:#fff;color:var(--gb-text-color)}.modal-content{background-color:#fff;max-width:90%;padding:20px;width:400px}.gradebook-score-line{color:#3a3d41e2;color:var(--gb-primary-bg);margin-bottom:4px}.gradebook-answer-line{display:flex;flex-direction:column;font-size:.85em;gap:4px}.gradebook-response-text{color:#666;font-size:.85em;margin-top:2px;max-width:150px;overflow-wrap:break-word;white-space:normal;word-break:break-all}.refresh-button,.show-responses-button{align-items:center;background-color:#3c3f45;border:none;border-radius:5px;color:#fff;color:var(--gb-text-color);cursor:pointer;display:flex;font-size:14px;padding:8px 15px;transition:background-color .3s,transform .2s}.refresh-button:hover,.show-responses-button:hover{background-color:#2a892d;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.gradebook-cell.total-column,.gradebook-cell.total-header{font-weight:700}.grade-cell{position:relative}.updating-overlay{align-items:center;background:#fffc;bottom:0;color:#666;display:flex;font-size:.8em;justify-content:center;left:0;position:absolute;right:0;top:0}.updating{opacity:.8}.module-header-content{align-items:center;display:flex;gap:8px;justify-content:space-between;transition:all .2s ease}.module-header-content .gradebook-icon-button{background:none;opacity:.7;transition:opacity .2s}.module-header-content .gradebook-icon-button:hover{color:#97c098;opacity:1}.module-header-content span{flex:1 1}.gradebook-cell.module-header:hover .module-header-content svg{color:#2a892d!important;opacity:1!important;transform:rotate(45deg) scale(1.1)!important}.gradebook-cell.module-header{transition:background-color .2s ease}.gradebook-cell.module-header:hover{background-color:#2a892d1a}.gradebook-cell.grade-cell{transition:background-color .2s}.gradebook-cell.grade-cell:hover{background-color:#2a892d1a}.view-profile-button,.view-submission-button{align-items:center;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:.85em;padding:4px 8px;transition:all .2s ease}.view-profile-button:hover,.view-submission-button:hover{background-color:#e0e0e0;border-color:#ccc}.view-profile-button:active,.view-submission-button:active{background-color:#d5d5d5;transform:translateY(1px)}.loading-cell{background-color:#fffc;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#333;font-size:18px;font-weight:500;grid-column:1/-1;margin:20px;min-height:200px;padding:60px 20px;text-align:center;width:100%}.loading-cell,.rubric-modal-overlay{align-items:center;display:flex;justify-content:center}.rubric-modal-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.rubric-modal-content{background:#fff;border-radius:8px;max-height:90vh;max-width:90%;overflow-y:auto;padding:20px}.rubric-grid{border:1px solid #ddd;border-radius:4px;margin:20px 0;overflow:hidden}.rubric-row{align-items:stretch;display:flex;gap:10px;min-width:min-content}.empty-corner-cell,.header-cell,.row-header-cell,.rubric-cell{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;min-width:100px;padding:8px;text-align:center}.empty-corner-cell,.row-header-cell{flex:0 0 150px}.empty-corner-cell,.header-cell,.row-header-cell{background-color:#f5f5f5;font-weight:700;max-width:140px}.header-cell{text-align:center}.rubric-cell{word-wrap:break-word;cursor:pointer;height:auto;max-width:140px;min-height:60px;overflow-wrap:break-word;transition:background-color .2s;white-space:pre-wrap}.rubric-cell:hover{background-color:#f0f0f0}.rubric-cell.selected{background-color:#e3f2fd;border:2px solid #2196f3}.audio-player-container{background-color:#f5f5f5}.audio-player-container,.rubric-display{border:1px solid #ddd;border-radius:8px;margin:20px 0;padding:15px}.rubric-display{background-color:#f8f9fa}.rubric-display h3{color:#333;font-size:1.1em;font-weight:600;margin:0 0 15px}.clickable{cursor:pointer;transition:background-color .2s}.clickable:hover{background-color:#f0f0f0}.rubric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.edit-rubric-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.edit-rubric-button:hover{background-color:#e0e0e0}.score-display{background-color:#f5f5f5;border-radius:4px;font-weight:700;margin-top:15px;padding:10px;text-align:right}.score-display input[type=number]{border:1px solid #ddd;border-radius:4px;font-weight:700;margin:0 5px;padding:5px;text-align:center;width:60px}.score-display input[type=number]:focus{border-color:#2196f3;outline:none}.profile-page{margin:0 auto;max-width:800px;padding:0 1rem}.profile-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;min-width:200px;padding:1rem}.form-section h2{color:#333;margin-bottom:0;margin-top:0;text-align:center}.form-group{margin-bottom:1rem}.form-group label{font-weight:500;margin-bottom:.25rem}.avatar-grid{grid-gap:1rem;background:#f8f9fa;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-top:1rem;max-height:300px;min-width:200px;overflow-y:auto;padding:1rem}.avatar-option{aspect-ratio:1;border:2px solid #0000;border-radius:8px;cursor:pointer;padding:.25rem;transition:all .2s}.avatar-option.selected{background-color:#e7f1ff;border-color:#007bff}.avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-option:hover{box-shadow:0 2px 8px #0000001a;transform:scale(1.05)}.error-message,.success-message{margin-bottom:1rem}.success-message{background-color:#d4edda;border-radius:4px;color:#28a745;padding:1rem}.update-profile-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:.9rem;margin-left:auto;margin-right:auto;margin-top:.5rem;padding:.5rem;transition:background-color .2s;width:50%}.update-profile-btn:disabled{background-color:#ccc;cursor:not-allowed}.update-profile-btn:hover:not(:disabled){background-color:#0056b3}.background-grid{grid-gap:1rem;background:#f8f9fa;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:1rem;max-height:400px;min-width:200px;overflow-y:auto;padding:1rem}.background-option{background:#fff;border:2px solid #0000;border-radius:8px;cursor:pointer;padding:.5rem;text-align:center;transition:all .2s}.background-option.selected{background-color:#e7f1ff;border-color:#007bff}.background-option:hover{box-shadow:0 2px 8px #0000001a;transform:scale(1.05)}.background-preview{border:1px solid #ddd;border-radius:4px;height:80px;margin-bottom:.5rem;width:100%}.background-name{color:#333;display:block;font-size:.75rem;font-weight:500;text-align:center}.profile-buttons{align-items:center;display:flex;gap:10px}.profile-buttons .change-password-btn,.profile-buttons .logout-button,.profile-buttons .update-profile-btn{align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;height:32px;justify-content:center;line-height:1;margin:0;padding:0 12px}.profile-buttons .change-password-btn{background-color:#007bff}.profile-buttons .change-password-btn:hover{background-color:#0056b3}.profile-buttons .logout-button:hover{color:#333}.delete-account-btn.danger{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:all .2s ease}.delete-account-btn.danger:hover{background-color:#b12734;color:#fff}.profile-header{margin-bottom:1.5rem;padding:1rem}.profile-info{gap:1.5rem;max-width:100%}.current-avatar{border:3px solid #007bff;height:120px;width:120px}.user-details h1{word-wrap:break-word;color:#333;font-size:1.8rem;line-height:1.2;margin:0 0 .2rem}.user-role{font-weight:500}.user-email,.user-role{margin:.2rem 0}.user-dates{font-size:.8rem;margin-top:1rem}.user-dates p{margin:0}.password-section{margin-top:15px}.password-form{margin-top:10px}.password-form .form-group{margin-bottom:8px}.password-form input{border-radius:4px;font-size:.9rem;padding:6px 10px;width:100%}.password-form-buttons{display:flex;gap:10px;margin-top:10px}.cancel-password-btn,.update-password-btn{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:6px 12px}.update-password-btn{background-color:#4285f4;color:#fff}.update-password-btn:hover{background-color:#3367d6}.update-password-btn:disabled{background-color:#a4c0f4;cursor:not-allowed}.cancel-password-btn{background-color:#f0f0f0;color:#333}.cancel-password-btn:hover{background-color:#e0e0e0}.cancel-password-btn:disabled{color:#999;cursor:not-allowed}.password-form .error-message,.password-form .success-message{border-radius:4px;font-size:.85rem;margin-top:8px;padding:5px 8px}.password-form .error-message{background-color:#ffebee;color:#d32f2f}.password-form .success-message{background-color:#e8f5e9;color:#388e3c}@media (max-width:768px){.profile-page{padding:0 .5rem}.profile-header{margin-bottom:.5rem;padding:.5rem}.profile-info{align-items:center;flex-direction:column;gap:.5rem;text-align:center}.current-avatar{height:80px;width:80px}.user-details h1{font-size:.9rem}.user-role{font-size:.8rem}.user-email{word-break:break-all}.user-dates,.user-email{font-size:.7rem}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));padding:.75rem}.background-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));padding:.75rem}.background-preview{height:60px}.form-section{padding:.8rem}.password-form-buttons{flex-direction:column;gap:.5rem}.password-form-buttons button{width:100%}}@media (max-width:380px){.profile-page{margin-top:45px;padding:.5rem}.profile-header{padding:.75rem}.current-avatar{height:80px;width:80px}.user-details h1{font-size:1.3rem}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));padding:.5rem}.background-grid{gap:.25rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));padding:.5rem}.background-preview{height:50px}}.profile-actions{display:flex;flex-direction:column;gap:.8rem;margin-bottom:.5rem}.delete-account-btn{align-self:flex-start;background-color:#fff;border-radius:4px;color:#d32f2f;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:all .2s ease}.delete-account-btn:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.profile-actions{align-items:center}.delete-account-btn{align-self:center}}.training-header h2{align-items:center;color:#fff;display:flex;gap:10px;margin-bottom:10px}.training-icon{color:gold}.training-description{color:#ffffffe6;font-size:14px;line-height:1.5;margin:0 0 20px}.training-toggle-container{align-items:center;display:flex;gap:15px}.training-toggle{display:inline-block;height:34px;position:relative;width:60px}.training-checkbox{height:0;opacity:0;width:0}.training-slider{background-color:#ffffff4d;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.training-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}.training-checkbox:checked+.training-slider{background-color:gold}.training-checkbox:checked+.training-slider:before{transform:translateX(26px)}.training-label{color:#fff;font-size:16px;font-weight:500}.form-section h2[style*="cursor: pointer"]:hover{color:#007bff;transition:color .2s}.password-section[style*="cursor: pointer"]:hover{background-color:#007bff0d;border-radius:4px;transition:background-color .2s}@media (max-width:768px){.training-toggle-container{align-items:flex-start;flex-direction:column;gap:10px}.training-label{font-size:14px}}.delete-account-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.delete-account-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;max-width:500px;padding:30px;position:relative;width:90%}.delete-account-modal-content h2{color:#d32f2f;font-size:1.5rem;margin:0 0 20px;text-align:center}.delete-account-modal-content p{color:#333;line-height:1.5;margin:15px 0}.delete-account-modal-content ul{color:#333;margin:15px 0;padding-left:20px}.delete-account-modal-content li{line-height:1.4;margin:10px 0}.warning-text{background-color:#ffebee;border-radius:4px;color:#d32f2f;font-weight:500;margin:20px 0;padding:15px;text-align:center}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.cancel-button,.confirm-button{border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s ease}.cancel-button{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.cancel-button:hover:not(:disabled){background-color:#e0e0e0}.confirm-button{background-color:#d32f2f;border:none;color:#fff}.confirm-button:hover:not(:disabled){background-color:#b71c1c}.cancel-button:disabled,.confirm-button:disabled{cursor:not-allowed;opacity:.7}@media (max-width:480px){.delete-account-modal-content{padding:20px}.modal-actions{flex-direction:column}.cancel-button,.confirm-button{width:100%}}.tutor-list-container{overflow-x:auto;width:100%}.tutor-list-container table{border-collapse:collapse;font-size:14px;width:100%}.tutor-list-container td,.tutor-list-container th{border-bottom:1px solid #eaeaea;padding:12px 15px;text-align:left}.tutor-list-container th{background-color:#f7f7f7;color:#333;font-weight:600}.tutor-list-container tr:hover{background-color:#f5f8ff}.tutor-list-description{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tutor-list-actions{white-space:nowrap}.tutor-list-delete-button,.tutor-list-edit-button{border:none;border-radius:4px;cursor:pointer;font-size:13px;margin-right:8px;padding:6px 12px;transition:background-color .2s}.tutor-list-edit-button{background-color:#f0f4ff;color:#3d56b2}.tutor-list-edit-button:hover{background-color:#dce4ff}.tutor-list-delete-button{background-color:#fff0f0;color:#d9534f}.tutor-list-delete-button:hover{background-color:#ffe5e5}.tutor-list-no-tutors{background-color:#f9f9f9;border-radius:4px;color:#666;margin:20px 0;padding:20px;text-align:center}.tutor-list-status-indicator{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.tutor-list-status-active{background-color:#e6f7e6;color:#2a892d}.tutor-list-status-inactive{background-color:#f7e6e6;color:#d9534f}.tutor-creation-modal-backdrop{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.tutor-creation-modal{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;padding:0;width:90%}.tutor-creation-modal-header{align-items:center;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:15px 20px}.tutor-creation-modal-header h2{color:#333;font-size:22px;margin:0}.tutor-creation-modal-close-button{background:none;border:none;color:#999;cursor:pointer;font-size:24px;transition:color .2s}.tutor-creation-modal-close-button:hover{color:#333}.tutor-creation-modal form{padding:20px}.tutor-creation-modal .form-group{margin-bottom:20px}.tutor-creation-modal .form-row{display:flex;gap:20px;margin-bottom:20px}.tutor-creation-modal .half-width{flex:1 1;margin-bottom:0}.tutor-creation-modal label{color:#333;display:block;font-weight:500;margin-bottom:8px}.tutor-creation-modal input[type=number],.tutor-creation-modal input[type=text],.tutor-creation-modal select,.tutor-creation-modal textarea.form-control{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;transition:border-color .2s,background-color .2s;width:100%}.tutor-creation-modal textarea.form-control{min-height:80px;resize:vertical}.tutor-creation-modal input[type=number]:disabled,.tutor-creation-modal input[type=text]:disabled,.tutor-creation-modal select:disabled,.tutor-creation-modal textarea.form-control:disabled{background-color:#f5f5f5;border-color:#ddd;cursor:not-allowed;opacity:.7}.tutor-creation-modal .checkbox-container{display:flex;flex-direction:column;justify-content:center}.tutor-creation-modal .checkbox-group label{align-items:center;display:flex;font-weight:400}.tutor-creation-modal input[type=checkbox]{margin-right:8px}.tutor-creation-modal input[type=checkbox]:disabled{cursor:not-allowed;opacity:.7}.tutor-creation-modal small{color:#777;display:block;font-size:12px;margin-top:4px}.tutor-creation-modal .range-value{font-weight:500;margin-top:5px;text-align:center}.tutor-creation-modal .form-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.tutor-creation-modal-cancel-button,.tutor-creation-modal-save-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px;position:relative;transition:background-color .2s,transform .2s}.tutor-creation-modal-cancel-button{background-color:#f1f1f1;color:#333}.tutor-creation-modal-save-button{background-color:#2a892d;color:#fff;min-width:120px}.tutor-creation-modal-cancel-button:hover:not(:disabled){background-color:#e5e5e5;transform:translateY(-1px)}.tutor-creation-modal-save-button:hover:not(:disabled){background-color:#45a049;transform:translateY(-1px)}.tutor-creation-modal-cancel-button:disabled,.tutor-creation-modal-save-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7;transform:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tutor-creation-modal-save-button:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:16px;margin-top:-8px;position:absolute;right:10px;top:50%;width:16px}.ai-tutor-page-container{padding:20px}.ai-tutor-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.ai-tutor-page-header h1{color:#333;font-size:28px;margin:0}.ai-tutor-management-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:20px}.ai-tutor-loading-container{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px}.ai-tutor-loading-ring{animation:ai-tutor-spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;display:inline-block;height:50px;margin-bottom:20px;width:50px}@keyframes ai-tutor-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ai-tutor-no-tutors{color:#666;font-style:italic;padding:40px;text-align:center}.ai-tutor-create-button{align-items:center;background-color:#3d56b2;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;padding:10px 20px;transition:background-color .2s}.ai-tutor-create-button:hover{background-color:#2c3e8c}.ai-tutor-create-button:before{content:"+";font-size:18px;margin-right:8px}.ai-tutor-top-buttons{display:flex;justify-content:flex-end;margin-bottom:20px}.ai-tutor-more-options-pane{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-top:10px;padding:15px}.create-tutor-button:before{content:"+";font-size:18px;margin-right:8px}.stpage-container{margin:0 auto;padding:20px}.stpage-tutor-info{background-color:#f8f9fa;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:15px}.stpage-tutor-info h1{color:#333;font-size:24px;margin-bottom:10px;margin-top:0}.stpage-tutor-info p{color:#666;margin:0}.stpage-chat-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:70vh}.stpage-messages-container{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px}.stpage-empty-chat{align-items:center;color:#999;display:flex;flex-direction:column;flex-grow:1;height:100%;justify-content:center;text-align:center}.stpage-message{margin-bottom:16px;max-width:80%;position:relative}.stpage-user-message{align-self:flex-end;margin-left:auto}.stpage-assistant-message{align-self:flex-start}.stpage-message-content{border-radius:18px;line-height:1.5;padding:12px 16px;white-space:pre-wrap}.stpage-user-message .stpage-message-content{background-color:#e6f2ff;color:#06c}.stpage-assistant-message .stpage-message-content{background-color:#f0f0f0;color:#333}.stpage-message-time{color:#999;font-size:11px;margin-top:4px;text-align:right}.stpage-context-indicator{background-color:#e8f4fd;border:1px solid #bbdefb;border-radius:12px;color:#1976d2;display:inline-block;font-size:11px;font-weight:500;margin-bottom:8px;padding:4px 8px}.stpage-message-form{border-top:1px solid #eee;display:flex;padding:12px}.stpage-message-form textarea{border:1px solid #ddd;border-radius:20px;flex:1 1;font-family:inherit;font-size:14px;max-height:120px;min-height:44px;outline:none;padding:12px 15px;resize:none}.stpage-message-form button{background-color:#2a892d;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;margin-left:8px;padding:0 20px;transition:background-color .2s}.stpage-message-form button:hover{background-color:#45a049}.stpage-message-form button:disabled{background-color:#ccc;cursor:not-allowed}.stpage-message-form button.stpage-sending{position:relative}.stpage-error-container,.stpage-loading-container{align-items:center;color:#666;display:flex;flex-direction:column;font-size:18px;height:60vh;justify-content:center}.stpage-loading-ring{animation:stpage-spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;display:inline-block;height:50px;margin-bottom:20px;width:50px}@keyframes stpage-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stpage-system-message{align-self:center;background-color:#fff3cd;border-radius:8px;color:#856404;margin:8px 0;max-width:90%;padding:8px 16px;text-align:center}.stpage-follow-up-questions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.stpage-follow-up-button{background-color:#f0f0f0;border:none;border-radius:16px;cursor:pointer;font-size:13px;padding:6px 12px;transition:background-color .2s}.stpage-follow-up-button:hover{background-color:#e0e0e0}.tconv-conversations-container,.tconv-tutor-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.tconv-conversations-container h2,.tconv-tutor-container h2{border-bottom:1px solid #eee;color:#333;font-size:20px;margin-bottom:15px;margin-top:0;padding-bottom:10px}.tconv-tutor-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tconv-tutor-card{border:1px solid #eee;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s}.tconv-tutor-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.tconv-tutor-card-content{flex-grow:1;padding:15px}.tconv-tutor-card h3{color:#333;font-size:18px;margin-bottom:8px;margin-top:0}.tconv-tutor-card p{color:#666;font-size:14px;line-height:1.4;margin:0}.tconv-new-conversation-button{background-color:#2a892d;border:none;border-top:1px solid #eee;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:background-color .2s;width:100%}.tconv-new-conversation-button:hover{background-color:#45a049}.tconv-conversation-row{cursor:pointer;transition:background-color .2s}.tconv-conversation-row:hover{background-color:#f5f8ff}.tconv-last-message{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tconv-no-conversations-message,.tconv-no-tutors-message{color:#888;font-style:italic;padding:20px;text-align:center}.tconv-loading-container{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center}.tconv-loading-ring{animation:tconv-spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;display:inline-block;height:50px;margin-bottom:10px;width:50px}@keyframes tconv-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tconv-conversation-list{overflow-x:auto;width:100%}.tconv-conversation-list table{border-collapse:collapse;width:100%}.tconv-conversation-list td,.tconv-conversation-list th{border-bottom:1px solid #eaeaea;padding:12px 15px;text-align:left}.tconv-conversation-list th{background-color:#f7f7f7;color:#333;font-weight:600}.student-profile-page{margin:0 auto;max-width:800px;padding:0 1rem}.page-header{gap:1rem;margin-bottom:2rem}.back-button{align-items:center;background-color:#3c3f45;border:none;border-radius:5px;box-shadow:0 0 5px #0000004d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:10px 15px;transition:background-color .3s,transform .2s}.back-button:hover{background-color:#2a892d;transform:scale(1.05)}.page-header h1{color:#333;font-size:1.8rem}.profile-content{display:flex;flex-direction:column;gap:2rem}.profile-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.profile-info{align-items:flex-start;display:flex;gap:2rem}.current-avatar{border:4px solid #007bff;border-radius:50%;flex-shrink:0;height:150px;object-fit:cover;width:150px}.user-details{flex:1 1;min-width:0}.user-details h2{word-wrap:break-word;color:#333;font-size:2rem;line-height:1.2;margin:0 0 .5rem}.user-role{color:#007bff;font-size:1.1rem;font-weight:600;margin:.5rem 0;text-transform:capitalize}.user-email{color:#666;font-size:1rem;margin:.5rem 0}.user-dates{color:#666;font-size:.9rem;margin-top:1.5rem}.user-dates p{font-weight:500;margin:.5rem 0}.loading{font-size:1.2rem;padding:4rem 2rem}.error-message{background-color:#f8d7da;color:#dc3545;font-size:1.1rem;margin:1rem 0;padding:1rem;text-align:center}@media (max-width:768px){.student-profile-page{padding:0 .5rem}.page-header{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:1rem}.page-header h1{font-size:1.5rem}.profile-header{padding:1rem}.profile-info{align-items:center;flex-direction:column;gap:1.5rem;text-align:center}.current-avatar{height:120px;width:120px}.user-details h2{font-size:1.6rem}.user-role{font-size:1rem}.user-email{font-size:.9rem;word-break:break-all}.user-dates{font-size:.8rem}}@media (max-width:480px){.student-profile-page{padding:.5rem}.profile-header{padding:.75rem}.current-avatar{height:100px;width:100px}.user-details h2{font-size:1.4rem}.page-header h1{font-size:1.3rem}}.incident-management-page{margin:0 auto;max-width:1400px;padding:20px}.page-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.page-header h1{color:#2c3e50;font-size:28px;margin:0}.compliance-note{color:#666;font-size:14px;font-style:italic;margin:5px 0 0}.create-incident-btn{background:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:background-color .3s}.create-incident-btn:hover{background:#c82333}.filters-section{background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:20px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{color:#2c3e50;font-size:14px;font-weight:600}.filter-group input,.filter-group select{border:1px solid #ddd;border-radius:4px;min-width:120px;padding:8px 12px}.incidents-table{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;overflow-x:auto}.incidents-table table{background:#fff;border-collapse:collapse;width:100%}.incidents-table td,.incidents-table th{border-bottom:1px solid #e0e0e0;padding:12px 15px;text-align:left}.incidents-table th{background:#2c3e50;color:#fff;font-weight:600;position:sticky;top:0}.incidents-table tr:hover{background:#f8f9fa}.incident-id{color:#666;font-family:monospace;font-size:12px}.incident-nature{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-badge,.risk-badge,.status-badge{border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.view-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .3s}.view-btn:hover{background:#0056b3}.pagination{align-items:center;display:flex;gap:20px;justify-content:center;margin:30px 0}.pagination button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:8px 16px;transition:all .3s}.pagination button:hover:not(:disabled){background:#007bff;border-color:#007bff;color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-content.large{max-width:800px}.modal-content.extra-large{max-width:1200px}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#2c3e50;margin:0}.close-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.close-btn:hover{color:#dc3545}.form-section{border-bottom:1px solid #e0e0e0;padding:20px}.form-section:last-child{border-bottom:none}.form-section h3{color:#2c3e50;font-size:18px;margin:0 0 20px}.form-group{margin-bottom:20px}.form-row{display:flex;gap:20px}.form-row .form-group{flex:1 1}.form-group label{color:#2c3e50;display:block;font-weight:600;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.form-group textarea{min-height:80px;resize:vertical}.checkbox-group{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:8px}.checkbox-label input[type=checkbox]{margin:0;width:auto}.modal-footer button{border:1px solid #ddd;transition:all .3s}.modal-footer button.primary{background:#28a745;border-color:#28a745;color:#fff}.modal-footer button.primary:hover{background:#218838;border-color:#218838}.modal-footer button:not(.primary){background:#fff;color:#666}.incident-tabs,.modal-footer button:not(.primary):hover{background:#f8f9fa}.incident-tabs{border-bottom:1px solid #e0e0e0;display:flex}.incident-tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-weight:600;padding:15px 20px;transition:all .3s}.incident-tabs button.active{background:#fff;border-bottom-color:#007bff;color:#007bff}.incident-tabs button:hover{background:#e9ecef}.tab-content{min-height:400px;padding:20px}.info-section{margin-bottom:30px}.info-section h3{border-bottom:2px solid #e0e0e0;color:#2c3e50;margin-bottom:15px;padding-bottom:10px}.info-section h4{color:#495057;margin:15px 0 10px}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:15px}.info-item{display:flex;flex-direction:column;gap:5px}.info-item label{color:#666;font-size:14px;font-weight:600}.info-item span{color:#2c3e50;font-weight:500}.assessment-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.assessment-item{border:1px solid #e0e0e0;border-radius:8px;padding:15px;text-align:center}.assessment-item label{color:#666;display:block;font-weight:600;margin-bottom:10px}.notification-item{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:25px;padding:20px}.notification-item h4{color:#2c3e50;margin-top:0}.notification-details p{margin:8px 0}.loading{color:#666;font-size:18px;padding:50px;text-align:center}.action-error-message,.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin:20px 0;padding:15px}.action-error-message{align-items:center;display:flex;justify-content:space-between}.action-error-message button{background:none;border:none;color:#721c24;cursor:pointer;font-size:20px;padding:0 0 0 15px}.delete-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-left:8px;padding:6px 12px;transition:background-color .3s}.delete-btn:hover:not(:disabled){background:#c82333}.delete-btn:disabled{background:#e9ecef;cursor:not-allowed}.modal-body{padding:20px;text-align:center}.modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:20px}.modal-footer button{border-radius:4px;cursor:pointer;font-weight:600;padding:10px 20px}.modal-footer button:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.incident-management-page{padding:10px}.page-header{align-items:flex-start;gap:15px}.filters-section,.page-header{flex-direction:column}.incidents-table{font-size:14px}.incidents-table td,.incidents-table th{padding:8px 10px}.modal-content{margin:10px;max-width:none}.form-row{flex-direction:column}.incident-tabs{overflow-x:auto}.incident-tabs button{min-width:100px;white-space:nowrap}.action-error-message{font-size:14px;margin:10px}.delete-btn{font-size:11px;padding:4px 8px}}.legal-page{background-color:var(--section-bg-color);color:#1a1a1a;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:40px 20px}.legal-container{background-color:var(--module-bg-color);border-radius:15px;box-shadow:0 0 20px #0000004d;max-width:1000px;padding:40px;width:100%}.legal-container h1{color:#1a1a1a;font-family:Open Sans,sans-serif;font-size:2.5rem;margin-bottom:30px;text-align:center}.legal-navigation{border-bottom:1px solid #ddd;display:flex;gap:20px;justify-content:center;margin-bottom:40px;padding-bottom:20px}.legal-nav-button{background-color:#1a1a1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .3s ease}.legal-nav-button:hover{background-color:var(--button-hover-bg-color);transform:scale(1.05)}.legal-nav-button.active{background-color:var(--button-hover-bg-color);color:#fff}.legal-content{color:#1a1a1a;line-height:1.6}.legal-section{margin-bottom:30px}.legal-section h2{color:#1a1a1a;font-size:1.8rem;margin-bottom:20px}.legal-section h3{color:var(--button-bg-color);font-size:1.4rem;margin:20px 0 15px}.legal-section h4{color:#253343;font-size:1.2rem;margin:15px 0 10px}.legal-section p,.legal-section ul{margin-bottom:15px}.legal-section ul{padding-left:20px}.legal-section li{margin-bottom:10px}@media (max-width:768px){.legal-navigation{flex-direction:column;gap:10px}.legal-container{padding:20px}.legal-container h1{font-size:2rem}}.landing-page{background-color:#fff;min-height:100vh}.landing-nav{background-color:#fffffff2;box-shadow:0 2px 4px #0000001a;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:1000}.landing-nav,.nav-logo{align-items:center;display:flex}.nav-logo{gap:10px}.nav-logo-image{height:35px;width:auto}.nav-logo span{color:#253343;font-size:1.5rem;font-weight:700}.nav-links{align-items:center;display:flex;gap:2rem}.nav-links a{color:#333;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#253343}.login-button{background-color:#253343;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1.5rem;transition:background-color .3s ease}.login-button:hover{background-color:#16202b}.hero-section{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:1rem;text-align:center}.hero-content{box-sizing:border-box;margin:0 auto;max-width:1200px;overflow:hidden;padding:0 10px;width:100%}.hero-content h1{color:#253343;font-size:3.5rem;margin-bottom:1rem}.hero-content p{color:#2e2e2e;font-size:1.5rem}.hero-buttons{display:flex;gap:1rem;justify-content:center}.primary-button,.secondary-button{border-radius:4px;cursor:pointer;font-size:1.1rem;padding:1rem 2rem;transition:transform .3s ease}.primary-button{background-color:#253343;border:none;color:#fff}.secondary-button{background-color:initial;border:2px solid #253343;color:#253343}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.features-section{display:flex;min-height:100vh;overflow:hidden;position:relative}.features-content{background:#0000;flex:1 1;padding:1rem;position:relative;z-index:2}.features-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;position:absolute;right:0;top:0;width:40%;z-index:1}.features-section h2{background-color:#ffffffb3;border-radius:4px;color:#253343;display:inline-block;font-size:2rem;margin-bottom:2rem;padding:.5rem;text-align:left}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);max-width:1000px;padding:1rem}.feature-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffd9;border-radius:12px;box-shadow:0 4px 8px #0000001a;padding:2rem;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.5rem;margin-bottom:1rem}.feature-card p{font-size:1rem;line-height:1.5}@media (max-width:1024px){.features-section{flex-direction:column}.features-image{height:300px;position:relative;width:100%}.features-grid{grid-template-columns:1fr}.features-content{background:#0000}}.pricing-container{align-items:flex-start;display:flex;flex-direction:row;gap:30px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:50px;max-width:800px;padding:0;width:100%}.pricing-plan{background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f;display:flex;flex:1 1;flex-direction:column;max-width:480px;padding:15px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.pricing-plan:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-5px)}.pricing-plan h3{color:#333;font-size:1.6rem;font-weight:700;margin-bottom:5px;margin-top:0}.pricing-options{display:flex;flex:1 1;flex-direction:row;gap:20px;justify-content:space-between;width:100%}.pricing-option{background-color:#f8f9fa;border-radius:8px;display:flex;flex:1 1;flex-direction:column;min-width:0;padding:10px 8px;transition:background-color .3s ease}.pricing-option:hover{background-color:#f0f2f5}.pricing-option h4{color:#333;font-size:1.25rem;margin:0}.pricing-price{display:inline-block;font-size:1.3rem;font-weight:700;margin:8px 0 5px;min-width:120px;white-space:nowrap}.enterprise-price{color:#333}.individual-price{color:#0056b3}.pricing-features{flex:1 1;list-style-type:none;padding:0;text-align:left}.pricing-features li{color:#555;font-size:.75rem;padding:4px 0 4px 18px;position:relative}.pricing-features li:before{color:#4caf50;content:"✓";font-size:1rem;font-weight:700;left:0;position:absolute}.pricing-button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;margin-top:auto;padding:8px 16px;transition:background-color .3s ease;width:100%}.pricing-button-contact{background-color:#0056b3}.pricing-button-signup{background-color:#4caf50}.pricing-button-contact:hover{background-color:#003d82}.pricing-button-signup:hover{background-color:#3d8b40}@media (max-width:1600px){.pricing-container{align-items:center;flex-direction:column}.pricing-plan{margin-bottom:10px;max-width:450px;width:50%}}@media (max-width:900px){.pricing-options{flex-direction:column;gap:20px}.pricing-option{width:100%}.pricing-plan{padding:20px 15px}}.contact-section{background-color:#f8f9fa;padding:8rem 2rem}.contact-section__title{color:#253343;font-size:3rem;margin-bottom:3rem;text-align:center}.contact-section__container{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 2fr;margin:0 auto;max-width:1200px}.contact-section__info{background-color:#253343;border-radius:8px;color:#fff;padding:2rem}.contact-section__info-title{font-size:1.8rem;margin-bottom:2rem}.contact-section__info-item{font-size:1.1rem;margin-bottom:1rem}.contact-section__form{display:flex;flex-direction:column;gap:1.5rem}.contact-section__form-input,.contact-section__form-textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:1rem}.contact-section__form-textarea{min-height:150px;resize:vertical}.contact-form__submit-button{background-color:#253343;border:none;border-radius:4px;color:#fff;cursor:pointer;min-width:200px;padding:1rem;transition:all .3s ease}.contact-form__submit-button:disabled{cursor:not-allowed;opacity:.7}.contact-form__submit-button--pending{background-color:gold;color:#333}.contact-form__submit-button--success{background-color:#4caf50;transform:scale(1.05)}.contact-form__submit-button--error{animation:shake .5s;background-color:#f44336}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.features-description{background-color:#ffffffb3;border-radius:4px;color:#666;font-size:1.4rem;line-height:1.6;max-width:800px;padding:.5rem}.dropdown{cursor:pointer;display:inline-block;position:relative}.dropdown-content{background-color:#fff;border-radius:4px;box-shadow:0 8px 16px #0000001a;display:none;left:0;min-width:200px;position:absolute;top:100%;z-index:1001}.dropdown:hover .dropdown-content{display:block}.dropdown-content a{color:#333;display:block;padding:12px 16px;text-decoration:none}.dropdown-content a:hover{background-color:#f8f9fa}.demo-button{background-color:#bd2b39;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:0 1rem;padding:.5rem 1.5rem;transition:background-color .3s ease}.demo-button:hover{background-color:#a42532}.language-dropdown{margin-left:1rem}.language-dropdown .dropdown-content{min-width:80px;text-align:center}.ai-learning-section{color:#fff;overflow:hidden;padding:12rem 2rem;position:relative}.ai-learning-content{margin:0 auto;max-width:1200px;position:relative;z-index:2}.ai-learning-section h2{color:#fff;font-size:2rem;margin-bottom:1.5rem;text-align:center}.section-description{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin:0 auto 4rem;max-width:800px;text-align:center}.ai-features-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:2rem}.ai-feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;padding:2rem;transition:transform .3s ease}.ai-feature-card:hover{transform:translateY(-5px)}.ai-feature-icon{font-size:3rem;margin-bottom:1rem}.ai-feature-card h3{color:#fff;font-size:1.2rem;margin-bottom:1rem}.ai-feature-card p{color:#ffffffe6;font-size:1.1rem;line-height:1.6}@media (max-width:768px){.ai-features-grid{grid-template-columns:1fr}}.interactive-modules-section{background:linear-gradient(135deg,#fff,#f8f9fa);color:#253343;padding:8rem 2rem}.interactive-modules-content{margin:0 auto;max-width:1200px}.interactive-modules-section h2{color:#253343;font-size:3rem;margin-bottom:1.5rem;text-align:center}.interactive-modules-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1000px;padding:2rem}.interactive-module-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2533430d;border:1px solid #2533431a;border-radius:12px;padding:2.5rem;transition:transform .3s ease}.interactive-module-card:hover{background:#25334314;border:1px solid #25334333;transform:translateY(-5px)}.interactive-module-icon{font-size:3rem;margin-bottom:1.5rem}.interactive-module-card h3{color:#253343;font-size:1.8rem;margin-bottom:1rem}.interactive-module-card p{color:#253343e6;font-size:1.1rem;line-height:1.6}@media (max-width:768px){.interactive-modules-grid{grid-template-columns:1fr}}.demo-spell-container{background:#2533430d;border-radius:12px;margin:2rem auto;max-width:800px;padding:2rem}.demo-sentence-display{word-wrap:break-word;font-size:1.4rem;line-height:2;margin-bottom:2rem;overflow-wrap:break-word;text-align:center}.demo-spell-word-blank{display:inline-flex;margin:0 5px}.demo-spell-container h3{color:#253343;text-align:center}.demo-letter-slot{align-items:center;background-color:#fff;border:1px solid #253343;border-radius:4px;display:inline-flex;font-size:1.2rem;height:35px;justify-content:center;margin:0 2px;width:35px}.demo-letters-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:20px 0}.demo-letter-piece{background-color:#253343;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;padding:8px 16px;transition:transform .2s ease,background-color .2s ease;-webkit-user-select:none;user-select:none}.demo-letter-piece:hover{background-color:#1a2530;transform:translateY(-2px)}.demo-spelling-result{color:#253343;font-size:1.1rem;margin-top:15px;text-align:center}.demo-try-again-button{background-color:#253343;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:20px auto 0;padding:10px 20px;transition:background-color .2s ease}.demo-try-again-button:hover{background-color:#1a2530}.spelling-result{color:#253343;font-size:1.2rem;font-weight:500;margin:1rem 0;text-align:center}@keyframes blinkGreen{0%{background-color:#fff}50%{background-color:#90ee90}to{background-color:#fff}}@keyframes blinkRed{0%{background-color:#fff}50%{background-color:#ffcccb}to{background-color:#fff}}.demo-letter-slot.correct{animation:blinkGreen 1s ease}.demo-letter-slot.incorrect{animation:blinkRed 1s ease}.dark-section-description{color:#253343;font-size:1.2rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.feedback-scaffolding-section{background:linear-gradient(135deg,#e6be68,#e8d5b5);color:#2c1810;padding:8rem 2rem}.feedback-scaffolding-content{margin:0 auto;max-width:1200px}.feedback-scaffolding-section h2{color:#2c1810;font-size:3rem;margin-bottom:1.5rem;text-align:center}.feedback-scaffolding-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:2rem}.feedback-scaffolding-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffffff2;border:1px solid #c6a3554d;border-radius:12px;box-shadow:0 4px 8px #2c18101a;padding:2.5rem;transition:transform .3s ease}.feedback-scaffolding-card:hover{box-shadow:0 6px 12px #2c181026;transform:translateY(-5px)}.feedback-scaffolding-icon{color:#b08c3c;font-size:3rem;margin-bottom:1.5rem;text-shadow:0 2px 4px #2c18101a}.feedback-scaffolding-card h3{color:#2c1810;font-size:1.8rem;margin-bottom:1rem}.feedback-scaffolding-card p{color:#5c3820;font-size:1.1rem;line-height:1.6}.feedback-scaffolding-section .section-description{color:#2c1810;font-size:1.4rem;line-height:1.6;margin:0 auto 3rem;max-width:800px;text-align:center}.advanced-management-section{background:linear-gradient(135deg,#253343,#1a2530);color:#fff;padding:8rem 2rem}.advanced-management-content{margin:0 auto;max-width:1200px}.advanced-management-section h2{color:#fff;font-size:3rem;margin-bottom:1.5rem;text-align:center}.advanced-management-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:2rem}.advanced-management-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;padding:2.5rem;transition:transform .3s ease}.advanced-management-card:hover{transform:translateY(-5px)}.advanced-management-icon{color:#fff;font-size:3rem;margin-bottom:1.5rem}.advanced-management-card h3{color:#fff;font-size:1.8rem;margin-bottom:1rem}.advanced-management-card p{color:#ffffffe6;font-size:1.1rem;line-height:1.6}@media (max-width:768px){.advanced-management-grid{grid-template-columns:1fr}}.landing-footer{background:linear-gradient(135deg,#253343,#1a2530);color:#fff;padding:4rem 2rem 2rem}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.footer-section h3{font-size:1.8rem;margin-bottom:1rem}.footer-section h4{color:#ffffffe6;font-size:1.2rem;margin-bottom:1rem}.footer-section p{color:#ffffffb3;line-height:1.6}.footer-section button{background:none;border:none;color:#ffffffb3;cursor:pointer;display:block;padding:.5rem 0;text-align:left;transition:color .3s ease}.footer-section button:hover{color:#fff}.social-links{margin-top:1rem}.social-links a{color:#ffffffb3;margin-right:1rem;text-decoration:none;transition:color .3s ease}.social-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff1a;color:#ffffff80;margin:2rem auto 0;max-width:1200px;padding-top:2rem;text-align:center}@media (max-width:768px){.footer-content{grid-template-columns:1fr;text-align:center}.footer-section button{margin:0 auto;text-align:center}}.hero-logo-container{animation:fadeInDown 1s ease-out;background:#fff;border-radius:18px;box-shadow:0 8px 16px #00000014,0 0 0 1px #0000000d;display:inline-flex;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.hero-logo-container:before{background:linear-gradient(180deg,#25334305,#0000);content:"";height:40%;left:0;position:absolute;right:0;top:0}.hero-logo-container:hover{box-shadow:0 12px 20px #0000001a,0 0 0 1px #00000012;transform:translateY(-3px)}.hero-logo{height:auto;position:relative;width:80px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.landing-nav{flex-direction:column;padding:.5rem}.nav-logo{justify-content:center;margin-bottom:1rem;width:100%}.nav-links{flex-direction:column;gap:.5rem;width:100%}.nav-links .dropdown,.nav-links a{padding:.5rem 0;text-align:center;width:100%}.dropdown-content{box-shadow:none;display:none;margin-top:.5rem;position:static;width:100%}.dropdown.active .dropdown-content{display:block}.demo-button{width:80%}.demo-button,.language-dropdown{margin:.5rem auto}.hero-section{min-height:auto;padding:4rem 1rem 2rem}.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.hero-buttons{flex-direction:column;gap:.5rem}.primary-button,.secondary-button{padding:.8rem;width:100%}.hero-logo{width:60px}.pricing-container{box-sizing:border-box;flex-direction:column;gap:15px;max-width:70%;padding:0}.pricing-plan{max-width:100%;overflow:hidden;padding:10px 8px}.pricing-options,.pricing-plan{box-sizing:border-box;width:100%}.pricing-options{gap:8px;margin:0;padding:0 5px}.pricing-option{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin:0;max-width:100%;padding:6px;text-align:center;width:100%}.pricing-features{box-sizing:border-box;margin:0 auto;padding-right:0;text-align:left;width:85%}.pricing-price{font-size:.95rem;line-height:1.1;margin:2px 0 5px;min-width:auto}.pricing-features{margin-bottom:6px}.pricing-option h4{margin-bottom:3px}.pricing-button{margin-left:auto;margin-right:auto;text-align:center;width:85%}}@media (max-width:400px){.pricing-container{max-width:80%}.pricing-features li:nth-child(n+4){display:none}}@media (max-width:768px){.advanced-management-grid,.ai-features-grid,.features-grid,.feedback-scaffolding-grid,.interactive-modules-grid{gap:1.5rem;grid-template-columns:1fr;padding:1rem 0}.contact-section__container{grid-template-columns:1fr}section h2{font-size:2rem}.section-description{font-size:1rem}.advanced-management-card,.ai-feature-card,.feedback-scaffolding-card,.interactive-module-card{padding:1.5rem}.demo-spell-container{padding:1rem}.demo-sentence-display{font-size:1rem}.demo-letter-slot{font-size:1rem;height:28px;width:28px}.demo-letter-piece{font-size:1rem;padding:6px 12px}}.mobile-menu-toggle{background:none;border:none;color:#253343;cursor:pointer;display:none;font-size:1.5rem}@media (max-width:768px){.mobile-menu-toggle{display:block;position:absolute;right:1rem;top:1rem}.nav-links{display:none}.nav-links.open{display:flex}}.contact-form__submit-button--waiting{background-color:grey;cursor:not-allowed;font-size:.9rem;height:auto;min-height:3rem;padding:.5rem 1rem;white-space:normal}.training-overlay{background-color:#0000001a;bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:9999}.training-popup{animation:trainingPopupFadeIn .3s ease-out;background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 10px 25px #00000026,0 4px 6px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:350px;min-width:280px;pointer-events:auto;position:fixed}@keyframes trainingPopupFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.training-popup-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #f0f2f5;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:16px 20px 12px}.training-popup-title{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px}.tip-icon{color:gold;font-size:18px}.training-popup-close{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:4px;transition:background-color .2s}.training-popup-close:hover{background-color:#fff3}.training-popup-content{color:#2c3e50;line-height:1.5;padding:20px}.training-popup-content p{font-size:14px;margin:0 0 12px}.training-popup-action{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#495057;font-size:13px;margin-top:12px;padding:12px}.training-popup-action strong{color:#6c63ff}.training-popup-footer{display:flex;gap:10px;justify-content:flex-end;padding:0 20px 20px}.training-popup-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.training-popup-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.training-popup-button.primary:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.training-popup-button.secondary{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.training-popup-button.secondary:hover{background:#e9ecef;color:#495057}.training-popup-arrow{height:0;position:absolute;width:0}.training-popup-arrow.bottom{border-bottom:8px solid #fff;filter:drop-shadow(0 -1px 1px rgba(0,0,0,.1));top:-8px}.training-popup-arrow.bottom,.training-popup-arrow.top{border-left:8px solid #0000;border-right:8px solid #0000;left:50%;transform:translateX(-50%)}.training-popup-arrow.top{border-top:8px solid #fff;bottom:-8px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.training-popup-arrow.left{border-left:8px solid #fff;filter:drop-shadow(1px 0 1px rgba(0,0,0,.1));right:-8px}.training-popup-arrow.left,.training-popup-arrow.right{border-bottom:8px solid #0000;border-top:8px solid #0000;top:50%;transform:translateY(-50%)}.training-popup-arrow.right{border-right:8px solid #fff;filter:drop-shadow(-1px 0 1px rgba(0,0,0,.1));left:-8px}@media (max-width:768px){.training-popup{margin:0 5vw;max-width:90vw}.training-popup-content{padding:16px}.training-popup-header{padding:12px 16px 8px}.training-popup-footer{padding:0 16px 16px}}@media (prefers-color-scheme:dark){.training-popup{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.training-popup-header{border-bottom-color:#4a5568}.training-popup-content{color:#e2e8f0}.training-popup-action,.training-popup-button.secondary{background:#4a5568;border-color:#718096;color:#e2e8f0}.training-popup-button.secondary:hover{background:#718096}}.training-section{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.training-indicator{position:relative;transition:all .3s ease}.training-indicator:before{animation:trainingPulse 2s infinite;border-radius:8px;bottom:-3px;content:"";left:-3px;opacity:.6;right:-3px;top:-3px;z-index:-1}.training-indicator:after,.training-indicator:before{background:linear-gradient(135deg,#667eea,#764ba2);position:absolute}.training-indicator:after{align-items:center;animation:trainingBob 2s ease-in-out infinite;border-radius:50%;box-shadow:0 2px 4px #0003;content:"💡";display:flex;font-size:12px;height:20px;justify-content:center;right:-8px;top:-8px;width:20px;z-index:10}@keyframes trainingPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes trainingBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.training-indicator:hover:before{opacity:.9;transform:scale(1.05)}.training-indicator:hover:after{animation:none;transform:scale(1.1)}.training-indicator.button-indicator:before{border-radius:6px}.training-indicator.button-indicator:after{right:-10px;top:-10px}.training-indicator.section-indicator:before{border-radius:12px}.training-indicator.section-indicator:after{right:10px;top:5px}.training-indicator.form-section-indicator:before{border-radius:8px}.training-indicator.form-section-indicator:after{right:15px;top:10px}.training-indicator.subtle:before{animation:none;opacity:.3}.training-indicator.subtle:after{animation:none;font-size:10px;height:16px;right:-6px;top:-6px;width:16px}.training-disabled .training-indicator:after,.training-disabled .training-indicator:before{display:none}@media (max-width:768px){.training-indicator:after{font-size:10px;height:18px;right:-6px;top:-6px;width:18px}.training-indicator.button-indicator:after{right:-8px;top:-8px}}.timeout-overlay{align-items:center;animation:timeoutOverlayFadeIn .3s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}@keyframes timeoutOverlayFadeIn{0%{opacity:0}to{opacity:1}}.timeout-modal{animation:timeoutModalFadeIn .3s ease-out;background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 20px 40px #0000004d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:400px;width:90%}@keyframes timeoutModalFadeIn{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.timeout-modal-header{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-bottom:1px solid #f0f2f5;border-radius:12px 12px 0 0;color:#fff;padding:20px 24px 16px}.timeout-modal-title{align-items:center;display:flex;font-size:18px;font-weight:600;gap:10px}.warning-icon{color:gold;font-size:20px}.timeout-modal-content{color:#2c3e50;padding:24px;text-align:center}.timeout-countdown{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #ff6b6b;border-radius:8px;display:flex;gap:16px;justify-content:center;margin-bottom:20px;padding:20px}.clock-icon{color:#ff6b6b;font-size:24px}.countdown-display{align-items:center;display:flex;flex-direction:column}.countdown-number{color:#ff6b6b;font-size:32px;font-weight:700;line-height:1;min-width:60px}.countdown-text{color:#6c757d;font-size:14px;margin-top:4px}.timeout-modal-content p{font-size:15px;line-height:1.5;margin:8px 0}.timeout-modal-content p:first-of-type{color:#dc3545;font-weight:500}.timeout-modal-footer{padding:0 24px 24px;text-align:center}.timeout-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:180px;padding:12px 24px;transition:all .2s}.timeout-button:hover{background:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}.timeout-button:active{transform:translateY(0)}@media (max-width:768px){.timeout-modal{margin:20px;width:calc(100% - 40px)}.timeout-modal-content{padding:20px}.timeout-countdown{gap:12px;padding:16px}.countdown-number{font-size:28px}.timeout-button{font-size:15px;min-width:160px;padding:10px 20px}}
/*# sourceMappingURL=main.9acd3994.css.map*/