:root{--primary-color:#4dabf7;--primary-light:#74c0fc;--primary-dark:#339af0;--secondary-color:#1864ab;--text-color:#212529;--text-light:#2a3b4c;--background-color:#f8f9fa;--border-color:#dee2e6;--success-color:#40c057;--warning-color:#fab005;--danger-color:#fa5252;--white:#fff;--sidebar-width:200px;--sidebar-collapsed-width:60px;--header-height:50px;--shadow:0 2px 10px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;background-color:var(--background-color);color:#212529;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5}.admin-container{display:flex;min-height:100vh}.sidebar{background-color:#fff;background-color:var(--white);border-right:1px solid #dee2e6;border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;position:fixed;transition:width .3s ease,transform .3s ease-in-out;width:200px;width:var(--sidebar-width);z-index:100}.sidebar.closed{margin-left:40px;width:60px;width:var(--sidebar-collapsed-width)}.sidebar.slide-in{transform:translateX(0)}.sidebar.slide-out{transform:translateX(-100%)}.sidebar-header{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);display:flex;height:50px;height:var(--header-height);justify-content:space-between;padding:0 20px}.sidebar-header h2{color:#339af0;color:var(--primary-dark);font-size:1.5rem}.sidebar.closed .sidebar-header h2{display:none}.toggle-btn{align-items:center;background:none;border:none;color:#2a3b4c;color:var(--text-light);cursor:pointer;display:flex;justify-content:center}.sidebar-menu{flex:1 1;overflow-y:auto;padding:10px 0}.menu-item{align-items:center;color:#2a3b4c;color:var(--text-light);display:flex;margin-bottom:5px;padding:12px 20px;text-decoration:none}.menu-item:hover{background-color:#4aabf71a}.menu-item.active,.menu-item:hover{color:#339af0;color:var(--primary-dark)}.menu-item.active{background-color:#4aabf733;border-left:3px solid #339af0;border-left:3px solid var(--primary-dark)}.menu-item span{margin-left:12px;white-space:nowrap}.sidebar.closed .menu-item span{display:none}.sidebar-footer{border-top:1px solid #dee2e6;border-top:1px solid var(--border-color);padding:20px}.logout-btn{align-items:center;background:none;border:none;color:#2a3b4c;color:var(--text-light);cursor:pointer;display:flex;padding:10px;transition:all .2s ease;width:100%}.logout-btn:hover{color:#fa5252;color:var(--danger-color)}.logout-btn span{margin-left:12px}.sidebar.closed .logout-btn span{display:none}.main-content{flex:1 1;margin-left:230px;transition:margin-left .3s ease}.sidebar.closed+.main-content{margin-left:60px;margin-left:var(--sidebar-collapsed-width)}.header{background-color:#fff;background-color:var(--white);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow);height:50px;height:var(--header-height);justify-content:space-between;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header,.header-left{align-items:center;display:flex}.header-left h1{color:#339af0;color:var(--primary-dark);font-size:1.2rem;margin-left:15px;margin-top:18px}.mobile-toggle{background:none;border:none;color:#2a3b4c;color:var(--text-light);cursor:pointer;display:none}.avatar,.header-right,.user-info{align-items:center;display:flex}.avatar{background-color:#4dabf7;background-color:var(--primary-color);border-radius:50%;color:#fff;color:var(--white);font-weight:700;height:36px;justify-content:center;margin-right:10px;width:36px}.content{padding:20px}@media (max-width:768px){.sidebar{box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow);left:0;max-width:300px;position:fixed;top:0;transform:translateX(-100%);width:80%;z-index:1000}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0!important}.mobile-toggle{display:block}.header-left h1{font-size:1rem}}body{background-color:#f4f4f9;color:#333;font-family:Arial,sans-serif;margin:0;padding:0}.admin-panel{max-width:1200px}h1{color:#444;margin-bottom:20px}.course-form{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px;padding:20px}.course-form button,.course-form input,.course-form select,.course-form textarea{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:2px 2px 4px #0000001a;color:#002a45;font-size:14px;margin-bottom:10px;outline:none;padding:10px;width:100%}.title-section{display:grid;grid-template-columns:auto auto}.course-form textarea{height:100px;resize:vertical}.subcourse{align-items:end;background-color:#90d5ff;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-bottom:30px;margin-left:900px;padding:5px;width:180px}.subcourse:hover{background-color:#00416a}.sub-btn{color:#fff;font-weight:600;text-decoration:none}.course-form button{background-color:#71c2ff;border:none;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease;width:auto}.course-form button:disabled{background-color:#ccc;cursor:not-allowed}.course-form button:hover:not(:disabled){background-color:#0056b3}.courses-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.course-item{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px;transition:transform .2s}.course-item:hover{transform:translateY(-5px)}.course-item img{height:auto;max-width:100%}.course-item img,.image-preview{border-radius:5px;margin-bottom:15px}.image-preview{height:200px;object-fit:cover}.course-item h3{color:#333;font-size:18px;margin-bottom:10px}.course-item p{color:#666;font-size:14px;line-height:1.5}.course-list{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-height:700px;max-width:1200px;overflow-y:auto;width:100%}.course-list ul{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.course-list li{align-items:left;background:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:20px;text-align:left}.course-admin .button-container{display:flex;justify-content:space-between;margin-top:10px;width:100%}.course-admin .edit-button{background-color:green;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;margin-right:5px;padding:10px 20px}.course-admin .edit-button:hover{background-color:#014b11}.course-admin .delete-button{background-color:red;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;margin-left:5px;padding:10px 20px}.course-admin .delete-button:hover{background-color:#940101}.subcourse-admin{grid-gap:2px;display:grid;gap:2px;grid-template-rows:repeat(auto-fit,minmax(100px,1fr));margin-top:40px}.subcourse-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.subcourse-card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:space-between;padding:20px}.subcourse-card .details{color:#4d4d4d;font-size:14px;line-height:1.6;text-align:justify;width:35%}.subcourse-card .button-container{grid-template-columns:repeat(2,1fr)}.subcourse-card .edit-button{align-items:center;background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;justify-content:center;margin-right:50px;padding:5px;text-align:center;width:100px}.edit-button:hover{background-color:#107826}.subcourse-card .delete-button{align-items:center;background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;justify-content:center;margin-left:80px;padding:5px;text-align:center;width:100px}.delete-button:hover{background-color:#c82333}@media screen and (max-width:768px){.course-list ul{display:flex;flex-direction:column}.course-form button,.course-form input,.course-form select,.course-form textarea{width:100%}.subcourse-list{grid-template-columns:2fr;max-height:700px;overflow-y:auto;width:50%}.subcourse-card{display:flex;flex-direction:column;width:100%}.subcourse-card .delete-button,.subcourse-card .edit-button{width:100px}}.admin-panel{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:0 auto;padding:20px;width:100%}.panel-title{font-size:24px;margin-bottom:20px;text-align:center}.form-container{gap:15px}.form-container,.form-group{display:flex;flex-direction:column}.form-group label{font-weight:700;margin-bottom:5px}.file-input,.form-input{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:2px 2px 4px #0000001a;color:#002a45;font-size:14px;margin-bottom:10px;outline:none;padding:10px;width:100%}.submit-btn{background-color:#71c2ff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px}.submit-btn:hover{background-color:#0056b3}.lecturers-list{display:flex;flex-direction:column;gap:15px;margin-top:20px}.lecturer-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;justify-content:space-between;padding:15px}.lecturer-card,.lecturer-info{align-items:center;display:flex}.lecturer-info{gap:15px}.lecturer-image{border-radius:50%;height:50px;object-fit:cover;width:50px}.lecturer-actions{display:flex;gap:10px}.delete-btn,.edit-btn{border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:8px 12px}.edit-btn:hover{background-color:#218838}.delete-btn:hover{background-color:#c82333}.admin-container{grid-gap:20px;display:grid;font-family:Arial,sans-serif;gap:20px;grid-template-rows:repeat(2,1fr);padding:20px;text-align:center;width:100%}.section-title{color:#0c2d56;font-size:20px;font-weight:700;margin-bottom:10px}.form-box{background:#fff;border-radius:8px;box-shadow:2px 2px 10px #0000001a;margin:10px auto;padding:15px;width:100%}.input-field,.textarea-field{border:1px solid #ccc;border-radius:5px;margin:5px 0;padding:10px;width:100%}.textarea-field{height:80px;resize:none}.back-btn,.save-btn{background-color:#71c2ff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-right:30px;padding:10px 20px;text-align:center;text-decoration:none;width:80px}.back-btn:hover,.save-btn:hover{background-color:#5aaae2}.display-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);justify-content:center;margin:auto;padding:20px;width:80%}.card{background:#f0f0f0;border-radius:8px;box-shadow:2px 2px 10px #0000001a;padding:15px;text-align:left}.card h3{color:#0c2d56;text-align:center}.card p{color:#333;font-size:14px;margin-bottom:20px}.card-buttons{display:flex;justify-content:space-between;margin-top:10px}.edit-btn{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px}.delete-btn{background-color:#dc3545;padding:8px 16px}@media (max-width:1024px){.display-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.display-container{grid-template-columns:1fr}}.admin-footer-container{background:#f9f9f9;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin:auto;padding:20px;text-align:left;width:100%}h1{color:#036;text-align:left}.footer-form{display:flex;flex-direction:column}.form-group{color:#036;font-size:20px;margin-bottom:15px;text-align:left}label{color:#333;font-weight:700}input{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:2px 2px 4px #0000001a;color:#002a45;font-size:14px;margin-bottom:10px;outline:none;padding:10px;width:100%}.logo-preview{height:auto;margin-top:10px;width:100px}.save-btn{background:#90d5ff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.save-btn:hover{background:#024}.delete-btn{background:#f66;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.delete-btn:hover{background:#c44}.error-message{color:red;font-size:14px;margin-bottom:10px}.admin-gallery-container{background-color:#f8f9fa;border-radius:8px;font-family:Arial,sans-serif;margin:0 auto;max-width:900px;padding:20px}h1{color:#333;font-size:24px;text-align:center}.image-video-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.image-video-form input,.image-video-form textarea{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-bottom:15px;padding:12px;width:100%}.image-video-form textarea{height:100px;resize:vertical}.image-video-form label{display:block;font-weight:700;margin-bottom:8px}.image-video-form-button{background-color:#90d5ff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:16px;padding:10px 20px;text-align:center;width:100%}.image-video-form-button:hover{background-color:#0056b3}.preview-section{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.image-preview,.sub-image-preview{border-radius:8px;display:block;margin:10px 0;max-height:150px;max-width:200px}.sub-video-preview,.video-preview{border-radius:8px;max-height:200px;max-width:300px}.gallery-preview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:30px}.category-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:500px;max-width:100%;overflow-y:auto;padding:20px;text-align:center;width:100%}.category-card h2{color:#90d5ff;font-size:20px;margin-bottom:10px}.category-card p{color:#666;font-size:14px}.category-card img,.category-card video{border-radius:8px;margin-top:10px;max-height:150px;object-fit:cover;width:100%}.button-container{margin-top:15px}.delete-button,.edit-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;margin:5px;padding:8px 12px}.edit-button{background-color:#53f04e;color:#fff}.delete-button{background-color:#d9534f;color:#fff}.edit-button:hover{background-color:#1fec3a}.delete-button:hover{background-color:#c9302c}.login-container{align-items:center;background-color:#f0f2f5;display:flex;height:100vh;justify-content:center}.login-form{animation:slideIn .5s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:auto;max-width:600px;padding:2rem;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-form h2{color:#00416a;text-align:center}.form-group,.login-form h2{margin-bottom:1.5rem}.form-group label{color:#555;display:block;margin-bottom:.5rem}.form-group input[type=email],.form-group input[type=password]{background-color:#fff;border:1px solid #ddd;border-radius:5px;color:#002a45;font-size:14px;margin-bottom:10px;outline:none;padding:.75rem;transition:border .3s ease;width:100%}.form-group input[type=email]:focus,.form-group input[type=password]:focus{border-color:#00416a}.error-message{color:#e74c3c;font-size:.875rem;margin-bottom:1rem;text-align:center}.login-button{background-color:#90d5ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .3s ease;width:100%}.login-button:disabled{background-color:#b3cde0;cursor:not-allowed}.login-button:hover:not(:disabled){background-color:#c2e7fd;color:#00416a}
/*# sourceMappingURL=main.eee277b8.css.map*/