*{margin:0;padding:0;box-sizing:border-box;font-family:Arsenal,sans-serif}body{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;margin:0;background-color:#111}.login-container{display:flex;width:100vw;height:100vh}.left-side{width:70%;height:100%;background:url(/assets/loginbg-B_I1O-JT.png) no-repeat center;background-size:cover;position:relative}.back-to-site{position:absolute;top:30px;right:30px;color:#fff;text-decoration:none;font-size:14px;font-weight:700}.back-to-site:hover{text-decoration:underline}.right-side{width:50%;display:flex;justify-content:center;align-items:center;background-color:#111}.form-container{width:100%;max-width:400px;border-radius:10px;text-align:center}.form-container h2{font-size:30px;text-align:left;color:#fff;margin-bottom:20px}.input-group{margin-bottom:15px;text-align:left}.input-group label{display:block;color:#fff;margin-bottom:5px}.input-group input{width:100%;padding:12px;border:1px solid gray;border-radius:5px;background:transparent;color:#fff;font-size:24px}.submit-btn{width:100%;padding:12px;background:#fff;color:#000;font-weight:700;border:none;border-radius:5px;cursor:pointer;font-size:24px;margin-top:10px}.submit-btn:hover{background:gray}.forgot-password{text-align:right;margin-top:10px}.forgot-password a{color:#fff;font-size:18px;text-decoration:none}.forgot-password a:hover{text-decoration:underline}@media (max-width: 768px){.login-container{flex-direction:column}.left-side{width:100%;height:40vh}.right-side{width:100%}}.admin-sidebar{width:250px;min-width:250px;height:100vh;background-color:#000;padding:20px 15px;display:flex;flex-direction:column}.admin-header{width:100%;height:60px;background-color:#0e0e0e;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #333}.admin-layout{display:flex;width:100vw;height:100vh;background-color:#0e0e0e;color:#fff;overflow:hidden}.admin-main{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden}.admin-container{flex:1;padding:20px;background-color:#0e0e0e;overflow-y:auto}.report-button-container{display:flex;justify-content:flex-start;margin-bottom:15px}.report-btn{background:#3b82f6;color:#fff;padding:10px 15px;border:none;border-radius:8px;cursor:pointer;font-size:16px}.report-btn:hover{background-color:#1d4ed8}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.card{background:#1a1a1a;padding:15px;border-radius:8px;text-align:center;font-size:18px}.card h3{margin:0;font-size:16px;color:#ccc}.card p{margin:10px 0 0;font-size:24px;font-weight:700;color:#fff}.teacher-sidebar{width:250px;min-width:250px;height:100vh;background-color:#0e0e0e;padding:20px 15px;display:flex;flex-direction:column}.teacher-header{width:100%;height:60px;background-color:#0e0e0e;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #333}.teacher-layout{display:flex;width:100vw;height:100vh;background-color:#0e0e0e;color:#fff;overflow:hidden}.teacher-sidebar{width:250px;background-color:#000;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.teacher-main{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden}.teacher-container{flex:1;padding:20px;background-color:#0e0e0e;overflow-y:auto}.student-sidebar{width:250px;min-width:250px;height:100vh;background-color:#000;padding:20px;display:flex;flex-direction:column}.student-header{width:100%;height:60px;background-color:#0e0e0e;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #333}.page-title{font-size:30px;font-weight:500}.search-box{display:flex;align-items:center;background:#222;padding:12px;border-radius:6px}.notification-icon{font-size:20px;cursor:pointer}.user-name{font-size:20px;color:#fff}.student-layout{display:flex;width:100vw;height:100vh;background-color:#0e0e0e;color:#fff;overflow:hidden}.student-main{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden}.student-container{flex:1;padding:20px;background-color:#0e0e0e;overflow-y:auto}.courses-table-container{max-height:70vh;overflow-y:auto;background-color:transparent;border-bottom:none;flex:1;padding-bottom:10px}.courses-table{width:100%;border-collapse:collapse;background-color:#222;border-radius:8px;overflow:hidden}.courses-table th,.courses-table td{padding:15px;text-align:left;border-bottom:1px solid #333;vertical-align:middle;color:#fff}.courses-table th{background-color:#333;font-weight:700;color:#fff;border-bottom:2px solid #444;position:sticky;top:0;z-index:2}.courses-table tbody tr:hover{background-color:#292929}.courses-banner{width:60px;height:40px;object-fit:cover;border-radius:4px}.courses-actions{display:flex;gap:10px;margin-bottom:15px}.courses-add-btn{background:#3b82f6;color:#fff;padding:10px 20px;font-size:16px;border:none;border-radius:8px;cursor:pointer}.courses-add-btn:hover{background-color:#1d4ed8}.courses-edit-btn{background:#0e0e0e;color:#fff;padding:10px 20px;font-size:16px;border:none;border-radius:8px;cursor:pointer}.courses-edit-btn:hover{background-color:#3b82f6}.courses-delete-btn{background:#0e0e0e;color:#fff;padding:10px 20px;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:.3s}.courses-delete-btn:hover{background-color:#3b82f6}.courses-table td:nth-child(9),.courses-table th:nth-child(9){text-align:center}.courses-top-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:20px}.courses-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.courses-search-box{display:flex;align-items:center;background:#222;padding:10px 14px;border-radius:6px;min-width:250px;max-width:350px}.courses-search-box input{background:none;border:none;outline:none;color:#fff;margin-left:10px;font-size:15px;width:100%}.courses-search-icon{color:#b0b0b0;font-size:18px}.courses-filter-btn{display:flex;align-items:center;gap:8px;background-color:#0e0e0e;color:#fff;border:1px solid #444;padding:10px 16px;font-size:15px;border-radius:6px;cursor:pointer;transition:background .3s ease}.courses-filter-btn:hover{background-color:#3b82f6;border-color:#3b82f6}.courses-filter-icon{font-size:17px}.modal-content{background:#3b82f6;padding:20px;border-radius:12px;width:600px;box-shadow:0 0 10px #0000004d;display:flex;flex-direction:column;gap:12px;color:#fff;font-family:Arial,sans-serif;z-index:1001}.modal-content input,.modal-content textarea,.modal-content select{width:100%;padding:12px;border:none;border-radius:8px;margin-top:10px;font-size:16px;outline:none;background:#fff3;color:#fff}.modal-content button{padding:12px;border:none;border-radius:8px;margin-top:10px;font-size:16px;background:#fff;color:#3b82f6;font-weight:700;cursor:pointer}.select-group{display:flex;gap:10px}.modal-content input[type=file]{background:#fff3;color:#fff;cursor:pointer}.users-table-container{max-height:70vh;overflow-y:auto;background-color:transparent;border-bottom:none;flex:1;padding-bottom:10px}.users-table{width:100%;border-collapse:collapse;background-color:#222;border-radius:8px;overflow:hidden}.users-table th,.users-table td{padding:15px;text-align:left;border-bottom:1px solid #333;vertical-align:middle;color:#fff}.users-table th{background-color:#333;font-weight:700;color:#fff;border-bottom:2px solid #444;position:sticky;top:0;z-index:2}.users-table tbody tr:hover{background-color:#292929}.users-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.users-actions{display:flex;gap:10px;margin-bottom:15px}.users-add-btn{background:#3b82f6;color:#fff;padding:10px 20px;font-size:16px;border:none;border-radius:8px;cursor:pointer}.users-add-btn:hover{background-color:#1d4ed8}.users-edit-btn{background:#0e0e0e;color:#fff;padding:10px 20px;font-size:16px;border:none;border-radius:8px;cursor:pointer}.users-edit-btn:hover{background-color:#3b82f6}.users-delete-btn{background:#0e0e0e;color:#fff;padding:10px 20px;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:.3s}.users-delete-btn:hover{background-color:#3b82f6}.users-table td:nth-child(9),.users-table th:nth-child(9){text-align:center}.users-top-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:20px}.users-actions{display:flex;gap:10px;flex-wrap:wrap}.users-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-box{display:flex;align-items:center;background:#222;padding:10px 14px;border-radius:6px;min-width:250px;max-width:350px}.search-icon{color:#b0b0b0;font-size:18px}.search-box input{background:none;border:none;outline:none;color:#fff;margin-left:10px;font-size:15px;width:100%}.filter-btn{display:flex;align-items:center;gap:8px;background-color:#0e0e0e;color:#fff;border:1px solid #444;padding:10px 16px;font-size:15px;border-radius:6px;cursor:pointer;transition:background .3s ease}.filter-btn:hover{background-color:#3b82f6;border-color:#3b82f6}.filter-icon{font-size:17px}.modal-contentt{background:#3b82f6;padding:20px;border-radius:12px;width:600px;box-shadow:0 0 10px #0000004d;display:flex;flex-direction:column;gap:12px;color:#fff;font-family:Arial,sans-serif;z-index:1001}.modal-contentt h2{margin-bottom:10px;font-size:30px}.modal-contentt input{width:100%;padding:12px;border:none;border-radius:8px;margin-top:10px;font-size:16px;outline:none;background:#fff3;color:#fff}.modal-contentt select{width:50%;padding:12px;border:none;border-radius:8px;margin-top:10px;font-size:16px;outline:none;background:#fff3;color:#fff}.modal-contentt button{padding:12px;border:none;border-radius:8px;margin-top:10px;font-size:16px;outline:none;background:#fff3;color:#fff}.modal-contentt input[type=file]{background:#fff3;color:#fff;cursor:pointer}::placeholder{color:#ffffffe6}.imagerole-fields{display:flex;gap:10px}.imagerole-fields input{flex:1}.loginpassword-fields{display:flex;gap:10px}.loginpassword-fields input{flex:1}.passport-fields{display:flex;gap:10px}.passport-fields input{flex:1}.modal-contentt button{margin-top:10px;margin-bottom:10px;cursor:pointer}.modal-contentt button[type=submit]{background:#fff;color:#3b82f6;font-weight:700}.close-btn{background:transparent;margin-left:10px;color:#fff;text-align:right;cursor:pointer}.modal-header{display:flex;justify-content:space-between;align-items:center;width:100%}.close-icon{font-size:30px;cursor:pointer;font-weight:700;color:#fff}.teacher-panel .my-courses-container{padding:20px}.teacher-panel .courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.teacher-panel .course-card{background:#1c1c1c;border-radius:10px;overflow:hidden;transition:transform .3s ease;display:flex;flex-direction:column;cursor:pointer;width:100%}.teacher-panel .course-card:hover{transform:scale(1.03)}.teacher-panel .course-banner{width:calc(100% - 20px);height:180px;margin:10px auto 0;border-radius:10px 10px 0 0;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:flex-start;justify-content:space-between;padding:10px;color:#fff}.teacher-panel .course-date{font-size:12px;background:#00000080;padding:5px 8px;border-radius:5px;margin-top:5px}.teacher-panel .pin-icon{font-size:32px;border:2px solid #007bff;border-radius:15%;padding:5px;transition:all .3s ease;color:#007bff;background:none}.teacher-panel .pin-icon:hover,.teacher-panel .pin-icon.pinned{background:#007bff;color:#fff}.teacher-panel .course-details{padding:15px;display:flex;flex-direction:column;gap:5px}.teacher-panel .course-details h3{margin:0 0 10px;font-size:18px}.teacher-panel .course-footer{display:flex;justify-content:space-between;align-items:center}.teacher-panel .enter-course-btn{display:flex;align-items:center;justify-content:space-between;background:#007bff;color:#fff;border:none;padding:8px 12px;border-radius:5px;width:80px;cursor:pointer;transition:background .3s ease;font-size:14px;font-weight:500}.teacher-panel .enter-course-btn:hover{background:#0056b3}.teacher-panel .enter-course-btn svg{font-size:18px}.course-sidebar{width:250px;min-width:250px;height:100vh;background-color:#000;padding:20px;display:flex;flex-direction:column}.course-header{width:100%;height:60px;background-color:#0e0e0e;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #333}.page-title{font-size:24px;color:#fff}.notification-icon{font-size:20px;color:#b0b0b0;cursor:pointer}.course-layout{display:flex;width:100vw;height:100vh;background-color:#0e0e0e;color:#fff;overflow:hidden}.course-main{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden}.course-container{flex:1;padding:20px;overflow-y:auto}.course-stats-container{padding:20px;color:#fff}.stats-title{font-size:22px;font-weight:700;margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.stat-card{background:#1a1a1a;padding:20px;border-radius:10px;text-align:center;transition:transform .2s ease-in-out}.stat-card:hover{transform:translateY(-5px)}.stat-card h4{margin:0;font-size:16px;color:#ccc}.stat-card p{margin:10px 0 0;font-size:24px;font-weight:700;color:#fff}.stat-card.paid{border-left:4px solid #0abb51}.stat-card.unpaid{border-left:4px solid #ff3636}.lessons-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.lessons-modal-content{background:#3b82f6;padding:20px;border-radius:12px;width:600px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;gap:12px;color:#fff;font-family:Arial,sans-serif;z-index:1001;animation:fadeIn .3s ease-in-out}.lessons-modal-header{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:20px;font-weight:700}.lessons-close-icon{font-size:26px;cursor:pointer;font-weight:700;color:#fff;transition:.3s ease-in-out}.lessons-close-icon:hover{color:#d1d5db}.lessons-modal-content input,.lessons-modal-content textarea,.lessons-modal-content select{width:100%;padding:12px;border:none;border-radius:8px;font-size:16px;outline:none;background:#fff3;color:#fff;transition:.3s ease-in-out}.lessons-modal-content input:focus,.lessons-modal-content textarea:focus,.lessons-modal-content select:focus{background:#ffffff4d}.lessons-modal-content button{padding:12px;border:none;border-radius:8px;font-size:16px;background:#fff;color:#3b82f6;font-weight:700;cursor:pointer;transition:.3s ease-in-out}.lessons-modal-content button:hover{background:#f3f4f6}.lessons-select-group{display:flex;gap:10px}.lessons-modal-content input[type=file]{background:#fff3;color:#fff;cursor:pointer}.lessons-modal-content ::placeholder{color:#ffffffe6}.lessons-container{padding:20px;color:#fff}.add-btn{background:#3b82f6;color:#fff;padding:12px 20px;border:none;border-radius:6px;cursor:pointer;font-size:16px;margin-bottom:15px}.add-btn:hover{background:#1d82f0}.lesson-list{list-style:none;padding:0}.lesson-item{display:flex;align-items:center;background:#222;padding:15px;border-radius:8px;margin-top:12px;gap:15px;transition:background .3s;cursor:pointer}.lesson-item:hover{background:#2a2a2a}.lesson-banner{width:120px;height:80px;border-radius:6px;object-fit:cover}.lesson-info{flex:1;display:flex;flex-direction:column;gap:5px}.lesson-info h3{margin:0;font-size:18px;color:#fff}.lesson-info p{margin:0;font-size:14px;color:#b0b0b0}.lesson-info p strong{color:#fff}.lesson-info a{color:#36a3ff;text-decoration:none}.lesson-info a:hover{text-decoration:underline}.delete-btn{background:transparent;border:none;color:#fff;font-size:25px;cursor:pointer;margin-right:20px}.delete-btn:hover{color:#36a3ff}.students-table-container{max-height:70vh;overflow-y:auto;background-color:transparent;border-bottom:none;flex:1;padding-bottom:10px}.students-table{width:100%;border-collapse:collapse;background-color:#222;border-radius:8px;overflow:hidden}.students-table th,.students-table td{padding:15px;text-align:left;border-bottom:1px solid #333;vertical-align:middle;color:#fff}.students-table th{background-color:#333;font-weight:700;color:#fff;border-bottom:2px solid #444;position:sticky;top:0;z-index:2}.students-table tbody tr:hover{background-color:#292929}.students-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.students-actions{display:flex;gap:10px;margin-bottom:15px}.students-add-btn{background:#3b82f6;color:#fff;padding:10px 20px;font-size:16px;border:none;border-radius:8px;cursor:pointer}.students-add-btn:hover{background-color:#1d4ed8}.students-delete-btn{background:#0e0e0e;color:#fff;padding:10px 20px;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:.3s}.students-delete-btn:hover{background-color:#3b82f6}.modal-content{background:#3b82f6;padding:20px;border-radius:12px;width:400px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;gap:12px;color:#fff;font-family:Arial,sans-serif;z-index:1001}.search-input{width:100%;padding:10px;border:none;border-radius:8px;font-size:16px;outline:none;background:#fff3;color:#fff}.students-list{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.student-item{padding:10px;border-radius:6px;cursor:pointer;transition:background .2s,font-weight .2s}.student-item:hover{background:#fff3}.student-item.selected{background:#ffffff4d;font-weight:700}.save-btn{padding:12px;border:none;border-radius:8px;font-size:16px;background:#fff;color:#3b82f6;font-weight:700;cursor:pointer}.save-btn:hover{background:#f3f4f6}.lesson-details-container{padding:20px;color:#fff;max-width:1200px;margin:0 auto}.lesson-back{display:flex;align-items:center;font-size:20px;cursor:pointer;margin-bottom:20px;gap:8px}.back-icon{font-size:24px}.lesson-banner-container{position:relative;width:100%;max-width:1500px;max-height:400px;overflow:hidden;border-radius:20px}.teacher-lesson-banner{width:100%;height:400px;object-fit:cover;display:block;border-radius:20px}.lesson-title-overlay{position:absolute;top:15px;left:20px;font-size:30px;font-weight:700;color:#fff;padding:8px 12px;border-radius:8px}.lesson-placeholder{width:100%;max-width:1000px;height:400px;background:#ccc;display:flex;align-items:center;justify-content:center;font-weight:700;color:#333;border-radius:15px}.lesson-header{display:flex;justify-content:space-between;align-items:center;font-size:30px;margin-top:20px;margin-bottom:15px}.lesson-actions{display:flex;gap:20px;align-items:center;justify-content:center}.lesson-icon{font-size:26px;cursor:pointer;transition:.3s;color:#fff;display:flex;align-items:center;justify-content:center}.lesson-icon:hover{color:#007bff}.lesson-icon.liked{color:red}.lesson-footer{display:flex;align-items:center;margin-top:20px;font-size:30px}.student-panel .my-courses-container{padding:20px}.student-panel .courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.student-panel .course-card{background:#1c1c1c;border-radius:10px;overflow:hidden;transition:transform .3s ease;display:flex;flex-direction:column;cursor:pointer;width:100%}.student-panel .course-card:hover{transform:scale(1.03)}.student-panel .course-banner{width:calc(100% - 20px);height:180px;margin:10px auto 0;border-radius:10px 10px 0 0;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:flex-start;justify-content:space-between;padding:10px;color:#fff}.student-panel .course-date{font-size:12px;background:#00000080;padding:5px 8px;border-radius:5px;margin-top:5px}.student-panel .course-details{padding:15px;display:flex;flex-direction:column;gap:5px}.student-panel .course-details h3{margin:0 0 10px;font-size:18px}.student-panel .course-footer{display:flex;justify-content:space-between;align-items:center}.student-panel .enter-course-btn{display:flex;align-items:center;justify-content:space-between;background:#007bff;color:#fff;border:none;padding:8px 12px;border-radius:5px;width:80px;cursor:pointer;transition:background .3s ease;font-size:14px;font-weight:500}.student-panel .enter-course-btn:hover{background:#0056b3}.student-panel .enter-course-btn svg{font-size:18px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#3b82f6;padding:20px;border-radius:12px;width:500px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;gap:12px;color:#fff;font-family:Arial,sans-serif;z-index:1001;animation:fadeIn .3s ease-in-out}.modal-header{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:700}.close-icon{font-size:22px;cursor:pointer;font-weight:700;color:#fff}.close-icon:hover{color:#d1d5db}.modal-content input,.modal-content select{width:100%;padding:10px;border:none;border-radius:8px;font-size:16px;background:#fff3;color:#fff;transition:.3s}.modal-content input:focus,.modal-content select:focus{background:#ffffff4d}.modal-content button{padding:10px;border:none;border-radius:8px;font-size:16px;background:#fff;color:#3b82f6;font-weight:700;cursor:pointer;transition:.3s}.modal-content button:hover{background:#f3f4f6}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.materials-actions{display:flex;gap:10px;margin-bottom:15px}.materials-add-btn{background:#3b82f6;color:#fff;padding:10px 20px;font-size:16px;border:none;border-radius:8px;cursor:pointer}.materials-add-btn:hover{background:#1d82f0}.materials-delete-btn{background:#0e0e0e;color:#fff;padding:10px 20px;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:.3s}.materials-delete-btn:hover{background-color:#3b82f6}.materials-table-container{max-height:70vh;overflow-y:auto;background-color:transparent;border-bottom:none;flex:1;padding-bottom:10px}.materials-table{width:100%;border-collapse:collapse;background-color:#222;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0003}.materials-table th,.materials-table td{padding:15px;text-align:left;border-bottom:1px solid #333;vertical-align:middle;color:#fff}.materials-table th{background-color:#333;font-weight:700;border-bottom:2px solid #444;position:sticky;top:0;z-index:2}.materials-table tbody tr:hover{background-color:#292929}.checkbox-column{width:40px;text-align:center}.no-materials{text-align:center;padding:20px}.material-link{color:#3b82f6;font-weight:700;text-decoration:none}.material-link:hover{text-decoration:underline}.student-course-sidebar{width:250px;min-width:250px;height:100vh;background-color:#000;padding:20px;display:flex;flex-direction:column}.logo{margin-bottom:50px}.logo h2{color:#fff;font-size:50px;font-weight:600}.dot{color:#36a3ff}.menu{flex:1;display:flex;flex-direction:column;gap:10px}.menu-item{display:flex;align-items:center;gap:10px;padding:10px;text-decoration:none;color:#b0b0b0;font-size:20px;border-radius:6px;transition:.3s}.menu-item:hover,.menu-item.active{background-color:#222;color:#fff}.logout{margin-top:auto}.logout-btn{width:100%;background:none;border:none;color:#fff;font-size:20px;display:flex;align-items:center;gap:10px;cursor:pointer;padding:12px;border-radius:6px;transition:.3s}.logout-btn:hover{background-color:#222}.student-course-header{width:100%;height:60px;background-color:#0e0e0e;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #333}.page-title{font-size:24px;font-weight:500;color:#fff}.header-right{display:flex;align-items:center;gap:15px}.search-box{display:flex;align-items:center;background:#222;padding:10px;border-radius:6px}.search-icon{color:#b0b0b0}.search-box input{background:none;border:none;outline:none;color:#fff;margin-left:8px}.notification-icon{font-size:20px;cursor:pointer;color:#fff}.user-profile{display:flex;align-items:center;gap:10px}.user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.user-name{font-size:16px;color:#fff}.student-course-layout{display:flex;width:100vw;height:100vh;background-color:#0e0e0e;color:#fff;overflow:hidden}.student-course-sidebar{width:250px;background-color:#000;padding:20px;display:flex;flex-direction:column}.student-course-main{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden}.student-course-container{flex:1;padding:20px;background-color:#0e0e0e;overflow-y:auto}.lessons-container{padding:20px}.lesson-list{list-style:none;padding:0;display:flex;flex-direction:column}.lesson-item{display:flex;align-items:center;background:#1c1c1c;padding:15px;border-radius:6px;transition:.3s ease-in-out}.lesson-item:hover{background:#292929}.lesson-banner{width:120px;height:80px;object-fit:cover;border-radius:5px;margin-right:15px}.lesson-info{flex:1}.lesson-info h3{margin:0 0 5px;color:#fff}.lesson-info p{margin:2px 0;font-size:14px;color:#bbb}