.lesson{background-color:#fff;border-radius:.5rem;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 2px #0000000d}.lesson-header{display:flex;align-items:center;justify-content:space-between}.lesson-title{font-size:1.125rem;font-weight:600;margin:0}.lesson-actions{display:flex;gap:.5rem}.lesson-edit-form{display:flex;flex-direction:column;gap:.5rem}.lesson-content{margin-top:1rem;color:#4b5563}.lesson-questions{margin-left:2rem;margin-top:1rem}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f3f4f6;align-items:center;justify-content:center;display:flex}#root{height:100%;width:100%}.container{max-width:1024px;margin:0 auto;padding:2rem 1rem}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.header-title{display:flex;align-items:center;gap:.5rem}.header-title h1{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0}.header-icon{color:#3b82f6}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{background-color:#10b981;color:#fff;max-width:165px}.btn-primary:hover{background-color:#059669}.btn-action{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-size:.875rem;font-weight:500;transition:all .2s}.btn-action:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.btn-action:disabled{opacity:.7;cursor:not-allowed}.icon-button{padding:.25rem;background:none;border:none;color:#6b7280;cursor:pointer;transition:color .2s ease}.icon-button:hover{color:#374151}.cours-container{width:calc(100% - 260px);margin:auto 0 auto auto}.lesson-container{background-color:#fff;border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.lesson-actions{display:flex;gap:1rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem;margin-top:1rem;flex-wrap:wrap}.video-url-input{display:flex;gap:.5rem;flex:1;min-width:300px}.quiz-section{background-color:#fff;border-radius:.5rem;padding:1.5rem;margin-top:1rem;box-shadow:0 1px 3px #0000001a}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.quiz-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.quiz-question-editor{background-color:#f9fafb;border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e5e7eb}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.question-number{font-size:1.125rem;font-weight:600;color:#374151;margin:0}.delete-button{color:#ef4444}.delete-button:hover{color:#dc2626}.form-group{margin-bottom:1rem}.label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s ease}.input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.question-input{margin-bottom:1rem}.options-editor{display:flex;flex-direction:column;gap:1rem}.option-editor{display:flex;align-items:center;gap:1rem}.option-input{flex:1;padding:.5rem .75rem}.radio-input{width:1.25rem;height:1.25rem;border:2px solid #d1d5db;border-radius:50%;cursor:pointer;transition:all .2s ease}.radio-input:checked{border-color:#10b981;background-color:#10b981}.radio-label{font-size:.875rem;color:#374151;cursor:pointer}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.cours-container{width:100%}.header{flex-direction:column;gap:1rem}.lesson-actions{flex-direction:column}.video-url-input{min-width:100%}.option-editor{flex-direction:column;align-items:flex-start}}.page-title{margin-bottom:1.5rem}.page-title p{font-size:1.125rem;color:#4b5563;margin:0;font-weight:500}.audio-player{display:flex;align-items:center;gap:1rem;background-color:#fff;padding:.75rem;border-radius:.5rem;border:1px solid #e5e7eb;margin-top:1rem;width:100%}.play-pause-button{background:#10b981;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;flex-shrink:0;transition:all .2s ease}.play-pause-button:hover{background:#059669;transform:scale(1.05)}.audio-progress{flex-grow:1;position:relative}.audio-progress audio{width:100%;height:36px}audio::-webkit-media-controls-panel{background-color:#f9fafb}audio::-webkit-media-controls-play-button{background-color:#10b981;border-radius:50%}audio::-webkit-media-controls-current-time-display,audio::-webkit-media-controls-time-remaining-display{color:#374151}audio::-webkit-media-controls-timeline{background-color:#e5e7eb;border-radius:2px;height:4px}audio::-webkit-media-controls-volume-slider{background-color:#10b981;border-radius:2px;padding-left:8px;padding-right:8px}@media (max-width: 640px){.audio-player{flex-direction:column;align-items:stretch}.play-pause-button{margin:0 auto}}.video-player-container{background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb;margin-top:1rem;width:100%;overflow:hidden}.video-player-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}.video-player-header h4{margin:0;font-size:.875rem;font-weight:600;color:#374151}.remove-video-button{background:none;border:none;color:#ef4444;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s ease}.remove-video-button:hover{background-color:#fee2e2;color:#dc2626}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f3f4f6}.video-url-input{display:flex;gap:.5rem;width:100%;margin-top:.5rem}.video-url-input .input{flex:1;min-width:0}@media (max-width: 640px){.video-url-input{flex-direction:column}.video-url-input .btn{width:100%}}.dropdown-item{width:100%;padding:8px 16px;text-align:left;background:none;border:none;color:#374151;cursor:pointer;transition:all .2s}.dropdown-button{background-color:#22c55e;color:#fff;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s}.navbar{background-color:#fff;width:250px;height:100vh;position:fixed;left:0;top:0;color:#fff;padding:2rem 0;display:flex;flex-direction:column;box-shadow:1px 0 5px #d6d6d6}.navbar-brand{font-size:1.5rem;font-weight:700;padding:0 2rem;margin-bottom:2rem}.nav-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.nav-links li{width:100%}.nav-links a{color:#656565;text-decoration:none;padding:1rem 2rem;display:block;transition:background-color .3s;letter-spacing:1px}.navbar-icons{color:#656565;width:20px}.nav-links a:hover,.nav-links a.active{background-color:#ececec}.preloaderHolder{background:#0003;height:100vh;width:100vw;position:fixed;left:0;z-index:1}.preloader{width:60px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100%/3) 50%;animation:l3 1s infinite linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes l3{20%{background-position:0% 0%,50% 50%,100% 50%}40%{background-position:0% 100%,50% 0%,100% 50%}60%{background-position:0% 50%,50% 100%,100% 0%}80%{background-position:0% 50%,50% 50%,100% 100%}}.form-holder{height:100%;width:calc(100% - 260px);margin-right:0;position:fixed;right:0;top:0;display:flex;align-items:center;justify-content:center}.form-container{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;width:100%;max-width:30rem;margin:auto;align-items:center}.form-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.button{background-color:#02a05b;color:#fff;padding:.5rem 1rem;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .2s}.button:hover{background-color:#1cda88}.icon{width:1.25rem;height:1.25rem}.login-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 10px #0000001a;width:100%;max-width:400px}.login-title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:1.5rem;color:#333}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:#475569}.input-wrapper{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748b}.form-input{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.form-input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.form-input::placeholder{color:#94a3b8}.login-button{background-color:#22c55e;color:#fff;padding:.75rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:1rem}.login-button:hover{background-color:#16a34a}.login-footer{margin-top:1.5rem;text-align:center}.forgot-password{color:#64748b;font-size:.875rem;text-decoration:none;transition:color .2s}.forgot-password:hover{color:#0f172a}.signup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f8fafc;padding:1.5rem}.signup-form{width:100%;max-width:900px;background:#fff;padding:2.5rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media (max-width: 992px){.signup-form{max-width:80%}}@media (max-width: 768px){.signup-form{max-width:90%}}.signup-form h1{font-size:1.75rem;font-weight:700;color:#1e293b;text-align:center;margin-bottom:2rem}.form-group{margin-bottom:1.25rem}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:#64748b}input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1.5px solid #e2e8f0;border-radius:.5rem;font-size:.95rem;color:#0f172a;transition:all .2s ease}input::placeholder{color:#94a3b8}input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}input.error{border-color:#ef4444}input.error:focus{box-shadow:0 0 0 3px #ef44441a}.error-message{display:block;color:#ef4444;font-size:.875rem;margin-top:.5rem}.submit-button{width:100%;padding:.875rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;margin-top:1rem}.submit-button:hover{background-color:#2563eb}.submit-button:focus{outline:none;box-shadow:0 0 0 3px #3b82f680}.login-link{text-align:center;margin-top:1.5rem;color:#64748b;font-size:.95rem}.login-link a{color:#3b82f6;text-decoration:none;font-weight:500;margin-left:.25rem}.login-link a:hover{text-decoration:underline}.library-container{padding:2rem;max-width:1200px;margin:0 0 0 auto;width:calc(100% - 260px);box-sizing:border-box}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.course-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease-in-out;display:flex;flex-direction:column}.course-card:hover{transform:translateY(-5px)}.course-card h2{margin:0 0 1rem;color:#2c3e50;font-size:1.5rem}.course-id{color:#7f8c8d;font-size:.9rem;margin-bottom:1rem}.course-description{color:#34495e;margin-bottom:1rem;line-height:1.5;flex-grow:1}.course-status{font-size:.9rem;margin-bottom:1rem}.status-draft{color:#e67e22;font-weight:700}.loading{text-align:center;font-size:1.2rem;color:#7f8c8d;margin-top:2rem}.error{text-align:center;color:#e74c3c;font-size:1.2rem;margin-top:2rem}.card-actions{display:flex;gap:.5rem;margin-top:auto}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s,transform .1s;flex:1}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-edit{background-color:#3498db;color:#fff}.btn-edit:hover{background-color:#2980b9}.btn-delete{background-color:#e74c3c;color:#fff}.btn-delete:hover{background-color:#c0392b}.btn-view{background-color:#2ecc71;color:#fff}.btn-view:hover{background-color:#27ae60}