.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#121212}.login-form{padding:40px;background:#232323;border-radius:10px;box-shadow:0 8px 16px #0003;width:350px;display:flex;flex-direction:column;gap:20px}.login-logo{display:block;margin:0 auto 30px;width:120px}.input-group{display:flex;flex-direction:column;gap:5px}.login-input{padding:15px;border:none;border-radius:5px;background-color:#333;color:#fff}.login-input::placeholder{color:#bbb}.login-button{background-color:#007bff;color:#fff;padding:15px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.login-button:hover{background-color:#0056b3}.login-input:hover,.login-input:focus{background-color:#454545}.admin-panel{display:flex;width:100%;height:100vh;background-color:#f4f4f4}.content-area{transition:margin-left .3s,width .3s;padding:20px;margin-left:20%}.NavBar{position:fixed;transition:width .3s;background-color:#333;color:#fff;padding:10px;margin:20px;overflow-x:hidden;top:0;left:0;height:100%;text-decoration:none}.nav-NavBar-items{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.NavBar ul{list-style-type:none;padding:0}.NavBar li{padding:8px 12px;cursor:pointer;border-radius:4px;margin-top:4px}.NavBar li:hover{background-color:#505050}.NavBar ul ul{padding-left:20px}.toggle-button{background:none;border:none;cursor:pointer;padding:0;margin-bottom:10px}.toggle-icon{display:block;width:30px;height:2px;margin:20px 0;background-color:#fff;position:relative;transition:all .3s}.toggle-icon:before,.toggle-icon:after{content:"";position:absolute;width:100%;height:2px;background-color:#fff;transition:all .3s}.toggle-icon:before{top:-8px}.toggle-icon:after{top:8px}.toggle-icon.expanded{transform:rotate(45deg)}.toggle-icon.expanded:before{top:0;transform:rotate(0)}.toggle-icon.expanded:after{top:0;transform:rotate(90deg)}.admin-link a{text-decoration:none;color:#fff}.spinner-container{display:flex;justify-content:center;align-items:center;height:100vh}.spinner{border:6px solid #f3f3f3;border-top:6px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.otp-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#121212}.otp-form{padding:40px;background:#232323;border-radius:10px;box-shadow:0 8px 16px #0003;width:350px;display:flex;flex-direction:column;gap:20px}.otp-logo{display:block;margin:0 auto 30px;width:120px}.input-group label{color:#fff;font-size:16px}.otp-input{padding:15px;border:none;border-radius:5px;background-color:#333;color:#fff;text-align:center}.otp-input::placeholder{color:#bbb}.otp-button{background-color:#007bff;color:#fff;padding:15px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.otp-button:hover{background-color:#0056b3}.otp-input:hover,.otp-input:focus{background-color:#454545}body{margin:0;font-family:Arial,sans-serif}.courseLayout{font-family:Arial,sans-serif;color:#333;background-color:#f4f4f4;margin:0;padding:0}.courseLayout h1{text-align:center;color:#4a90e2;font-size:2.5rem;margin-top:20px}.courseLayout .content{padding:20px}.courseLayout .content .Outlet{width:80%;background-color:#fff;padding:20px;box-shadow:0 4px 8px #0003;transition:.3s;border-radius:5px}.courseLayout .content .Outlet:hover{box-shadow:0 8px 16px #0003}.course-container{max-width:800px;margin:0 auto;padding:20px;background-color:#f8f8f8;border-radius:8px;box-shadow:0 2px 4px #0000001a}.header-title{text-align:center;font-size:2rem;margin-bottom:30px;color:#333}.input-group{display:grid;grid-gap:10px}.label{font-weight:700;color:#555;margin:0}.course-input,.course-select{padding:12px;border:1px solid #ccc;border-radius:4px;font-size:1rem;background-color:#fff;transition:border-color .3s ease;margin-bottom:10px}.course-input:focus,.course-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.course-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23555"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right .5rem center;background-size:1.5em;padding-right:2.5rem}.create-button{padding:12px 24px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.error-message{color:#dc3545;font-weight:700;margin-bottom:10px}.tox-tinymce{border:1px solid #ccc;border-radius:4px}.tox-editor-header{border-bottom:1px solid #ccc}.tox-statusbar{border-top:1px solid #ccc}.course-feature{display:flex;margin-bottom:10px;justify-content:flex-start;align-items:center}.course-feature img{width:30px;height:30px;margin-right:10px}.course-feature-input{width:100%;margin-left:10px;padding:5px;border:1px solid #ccc;border-radius:4px;font-size:1rem;background-color:#fff;transition:border-color .3s ease}.course-feature-content{display:flex;margin-left:40px;align-items:center;justify-content:center}.course-feature-input{padding:12px;border:1px solid #ccc;border-radius:4px;font-size:1rem;background-color:#fff;transition:border-color .3s ease;margin-bottom:10px}.course-feature-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.subject-table{background-color:#fff;padding:20px;border-radius:8px;transition:transform .3s ease;width:-webkit-fill-available;text-align:left}.subject-table h2{font-size:20px;color:#333;margin-bottom:10px}.subject-table tr:nth-child(2n){background-color:#f2f2f2}.subject-table tr:nth-child(odd){background-color:#fff}.subject-table tr:hover{background-color:#ddd}.subject-table th,.subject-table td{padding:8px;text-align:left;border-bottom:1px solid #ddd}.subject-table th{background-color:#4caf50;color:#fff}.chapter-container{max-width:600px;margin:40px auto;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;background-color:#fff}h2{text-align:center;color:#333;margin-bottom:20px}.chapter-input{width:100%;padding:10px;margin-bottom:10px;border-radius:4px;border:1px solid #ddd}.create-chapter-button{width:100%;padding:15px;border:none;border-radius:5px;background-color:#007bff;color:#fff;font-size:18px;cursor:pointer;transition:background-color .3s}.create-chapter-button:disabled{background-color:#aaa;cursor:not-allowed}.error-message{color:red;margin-bottom:15px}.chapters-list-container{max-width:900px;margin:0 auto;padding:20px;background-color:#f8f8f8;border:1px solid #ddd;border-radius:8px}.chapters-heading{font-size:28px;margin-bottom:20px;color:#333;text-align:center}.create-chapter-button{display:inline-block;background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:4px;text-decoration:none;font-size:18px;margin-bottom:20px;display:block;width:100%;text-align:center}.create-chapter-button:hover{background-color:#0056b3}.chapters-list{list-style:none;padding:0}.chapter-item{background-color:#fff;border:1px solid #ccc;border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 2px 4px #0000001a}.chapter-header{display:flex;justify-content:space-between;align-items:center}.chapter-title{font-size:24px;color:#333;margin:0}.delete-button{background-color:red;color:#fff;border:none;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:16px}.chapter-description,.chapter-duration,.chapter-lessons{color:#555;margin-top:12px}.chapter-actions{margin-top:20px;display:flex;align-items:center;justify-content:space-between}.view-details-link{color:#007bff;text-decoration:none;font-weight:700;font-size:16px}.edit-button{background-color:#ffc107;color:#333;border:none;border-radius:4px;padding:8px 16px;font-size:16px;cursor:pointer}.chapter-table{background-color:#fff;padding:20px;border-radius:8px;transition:transform .3s ease;width:-webkit-fill-available;text-align:left}.chapter-table h2{font-size:20px;color:#333;margin-bottom:10px}.chapter-table tr:nth-child(2n){background-color:#f2f2f2}.chapter-table tr:nth-child(odd){background-color:#fff}.chapter-table tr:hover{background-color:#ddd}.chapter-table th,.chapter-table td{padding:8px;text-align:left;border-bottom:1px solid #ddd}.chapter-table th{background-color:#4caf50;color:#fff}.content-container{max-width:800px;margin:0 auto;padding:20px;background-color:#f7f7f7;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a}.content-type-selector label{font-weight:700;margin-right:10px}.content-type-selector select{padding:5px;border:1px solid #ccc;border-radius:4px}.buttons-container{display:flex;justify-content:space-between;margin-top:20px}.create-course-btn,.link-button{padding:10px 20px;border:none;border-radius:4px;background-color:#007bff;color:#fff;cursor:pointer;text-decoration:none;display:inline-block}.create-course-btn:hover,.link-button:hover{background-color:#0056b3}.create-course-btn:disabled{background-color:#aaa;cursor:not-allowed}.error-message{color:red;margin-bottom:10px}.content-preview{margin-top:20px;border-top:1px solid #eee;padding-top:20px}iframe{width:100%;height:315px}.other-content{background-color:#fff;padding:10px;border:1px solid #ccc;border-radius:4px}.contents-list-container{max-width:1000px;margin:0 auto;padding:20px;background-color:#f8f8f8;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a}.contents-heading{font-size:32px;margin-bottom:20px;color:#333;text-align:center}.create-content-button{display:inline-block;background-color:#007bff;color:#fff;padding:12px 24px;border:none;border-radius:4px;text-decoration:none;font-size:18px;margin-bottom:20px;display:block;width:100%;text-align:center;transition:background-color .3s ease-in-out}.create-content-button:hover{background-color:#0056b3}.contents-list{list-style:none;padding:0}.content-item{background-color:#fff;border:1px solid #ccc;border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease-in-out}.content-item:hover{transform:translateY(-5px)}.content-header{display:flex;justify-content:space-between;align-items:center}.content-title{font-size:24px;color:#333;margin:0}.delete-button{background-color:red;color:#fff;border:none;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:16px;transition:background-color .3s ease-in-out}.delete-button:hover{background-color:#c00}.content-details{margin-top:12px;font-size:16px;color:#555}.content-actions{margin-top:20px;display:flex;align-items:center;justify-content:space-between}.view-details-link{color:#007bff;text-decoration:none;font-weight:700;font-size:16px;transition:text-decoration .3s ease-in-out}.view-details-link:hover{text-decoration:underline}.edit-button{background-color:#ffc107;color:#333;border:none;border-radius:4px;padding:8px 16px;font-size:16px;cursor:pointer;transition:background-color .3s ease-in-out}.edit-button:hover{background-color:#ffa000}.content-table{background-color:#fff;padding:20px;border-radius:8px;transition:transform .3s ease;width:-webkit-fill-available;text-align:left}.content-table h2{font-size:20px;color:#333;margin-bottom:10px}.content-table tr:nth-child(2n){background-color:#f2f2f2}.content-table tr:nth-child(odd){background-color:#fff}.content-table tr:hover{background-color:#ddd}.content-table th,.content-table td{padding:8px;text-align:left;border-bottom:1px solid #ddd}.content-table th{background-color:#4caf50;color:#fff}.content-detail-container{max-width:800px;margin:0 auto;padding:20px;background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0003}.content-title{font-size:36px;color:#333;margin-bottom:20px}.content-details{margin-top:20px}.content-details p{font-size:18px;color:#555;margin:0}.content-description{margin-top:10px}.content-actions{margin-top:20px;display:flex;justify-content:space-between;align-items:center}.edit-button,.delete-button{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:18px;cursor:pointer;transition:background-color .3s ease-in-out}.edit-button:hover{background-color:#0056b3}.delete-button{background-color:tomato}.delete-button:hover{background-color:#ff4532}.back-link{text-decoration:none;color:#007bff;font-weight:700;font-size:18px;transition:text-decoration .3s ease-in-out}.back-link:hover{text-decoration:underline}.features{text-align:center}.courses-list-container{padding:20px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:-webkit-fill-available;margin:auto}.courses-list-container h2{color:#333;font-size:24px;text-align:center;margin-bottom:20px}.create-course-button{display:block;background-color:#4caf50;color:#fff;text-align:center;padding:10px 20px;margin:10px auto;border:none;border-radius:5px;text-decoration:none;font-weight:700}.create-course-button:hover{background-color:#45a049}.features{list-style-type:none;padding:0;margin:0}.course-table{background-color:#fff;padding:20px;border-radius:8px;transition:transform .3s ease;width:-webkit-fill-available;text-align:left}.course-table h2{font-size:20px;color:#333;margin-bottom:10px}.course-category{color:#666;font-size:16px;margin-bottom:15px}.decoration{text-decoration:none;color:inherit}.delete-button{background-color:#f44336;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700}.delete-button:hover{background-color:#d32f2f}.modal-content{background:#fff;padding:10px;border:1px solid #ccc;box-shadow:0 2px 5px #0003}@media (max-width: 768px){.features{grid-template-columns:1fr}.create-course-button,.delete-button{padding:8px 16px}.feature h2{font-size:18px}.course-category{font-size:14px}}.course-container{width:80%;margin:20px auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a}.header-title{text-align:center;color:#333;margin-bottom:30px}.input-group{display:flex;flex-direction:column;gap:15px}.course-input,.course-textarea,.course-select{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;color:#333}.course-textarea{resize:vertical;min-height:100px}.course-select{background-color:#fff;cursor:pointer}.create-button{padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s}.create-button:hover{background-color:#0056b3}.create-button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{padding:10px;background-color:#fdd;border-left:6px solid #f44336;margin-bottom:15px;color:#333}.success-message{padding:10px;background-color:#dfd;border-left:6px solid #4CAF50;margin-bottom:15px;color:#333}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s}.modal-content{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:700px;width:90%;max-height:80vh;overflow-y:auto;animation:slideIn .3s}.close{float:right;font-size:28px;font-weight:700;cursor:pointer}.close:hover{color:#f44336}@media (max-width: 768px){.modal-content{max-width:90%;padding:15px;max-height:80vh}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px)}to{transform:translateY(0)}}.options-form-container{display:flex;justify-content:space-around;align-items:baseline;margin:10px 0;padding:2px;background-color:#c4daf0;border-radius:8px;box-shadow:0 2px 4px #0000001a}.options-form-container input[type=text]{width:300px;height:35px;padding:8px;margin-right:10px;border:1px solid #ccc;border-radius:4px}.options-form-container input[type=checkbox]{margin-left:5px}.add-option-button{width:150px;background-color:#28a745;color:#fff;padding:8px 12px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.add-option-button:hover{background-color:#218838}.remove-option-button{background-color:#dc3545;width:150px;padding:8px 15px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;margin-right:10px}.is-correct{display:flex;align-items:center}.mcqs-form{max-width:600px;margin:auto;padding:20px;background:#f8f8f8;border-radius:8px;box-shadow:0 2px 4px #0000001a}.mcq-container{margin-bottom:20px;padding:10px;background:#daf0e7;border:1px solid #ddd;border-radius:4px}.mcq-label{margin:10px;padding:10px}.mcq-input{width:100%;padding:8px 10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.mcqs-add-button{padding:8px 15px;color:#fff;background-color:green;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.remove-mcq-button{width:150px;padding:8px 15px;color:#fff;background-color:red;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.mcqs-add-button:hover{background-color:#006100}.remove-mcq-button:hover{background-color:#d60101}.mcqs-add-button{display:block;margin:10px auto}.remove-mcq-button{background-color:#dc3545}.remove-mcq-button:hover{background-color:#c82333}@media (max-width: 768px){.mcqs-form{padding:10px;max-width:100%}.mcq-input,.mcqs-add-button,.remove-mcq-button{padding:8px}.mcq-container{padding:5px}}.user-list-container{max-width:90%;margin:auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 4px 8px #0003;background-color:#fff;border-radius:8px}.user-list-title{text-align:center;color:#333;font-size:24px}.user-table{width:100%;border-collapse:collapse;margin-top:20px}.user-table,.user-table th,.user-table td{border:1px solid #ddd}.user-table th,.user-table td{text-align:left;padding:12px}.user-table th{background-color:#4caf50;color:#fff}.user-table tr:nth-child(2n){background-color:#f2f2f2}.sort-button,.pagination-controls button{padding:10px 15px;margin:10px;background-color:#008cba;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.sort-button:hover,.pagination-controls button:hover{background-color:#005f73}.pagination-controls{display:flex;justify-content:center;align-items:center;margin-top:20px}.status-message{text-align:center;font-size:18px;margin-top:20px}.status-message.loading{color:#017bfc}.status-message.error{color:#fc3503}