/* === REFACTORED STYLES FOR MODULE: COURSES === */

.courses-coursedetail-a-1 { border-radius: 25px; font-size: 18px; padding: 12px 20px }
.courses-coursedetail-a-2 { border: 2px solid #707dff; background: none; color: #707dff; border-radius: 25px; font-size: 18px; padding: 12px 20px; font-weight: 500; transition: background 0.2s, color 0.2s }
.courses-coursedetail-div-1 { display: flex; gap: 16px; align-items: center }
.courses-coursedetail-img-1 { max-width:100%; max-height:520px; border-radius:24px }
.courses-courselist-div-1 { display: flex }
.courses-courselist-svg-1 { position: absolute; top:0; left:0; z-index: 2 }
.courses-coursemodules-div-1 { position: absolute; top: 25px; right: 25px; width: 55px; height: 55px; z-index: 2 }
.courses-coursemodules-div-2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 11px; font-weight: 600; color: #222 }
.courses-coursestudents-button-1 { position: absolute; top: 18px; right: 18px; font-size: 2rem; background: none; border: none; color: #707dff; cursor: pointer; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center }
.courses-coursestudents-button-2 { padding: 16px; border: 2px solid #e0e0e0; border-radius: 16px; background: white; cursor: pointer; text-align: left; font-size: 16px; transition: all 0.2s; color: #333; font-family: }
.courses-coursestudents-button-3 { padding: 10px 20px; border-radius: 12px; cursor: pointer; font-size: 16px; font-family: }
.courses-coursestudents-button-4 { padding: 10px 20px; border-radius: 12px; cursor: pointer; font-size: 16px }
.courses-coursestudents-div-1 { background: #fee; border: 1px solid #fcc; border-radius: 25px; padding: 16px; margin-bottom: 24px; color: #c00; font-size: 16px }
.courses-coursestudents-div-10 { font-size: 14px; color: #666 }
.courses-coursestudents-div-11 { display: flex; gap: 10px; justify-content: flex-end }
.courses-coursestudents-div-12 { display:none !important; position: fixed; z-index: 1100; left: 0; top: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.35); justify-content: center; align-items: center }
.courses-coursestudents-div-13 { background: #fff; border-radius: 32px; box-shadow: 0 4px 24px rgba(60,60,100,0.13); padding: 32px 28px 24px 28px; max-width: 600px; width: 95vw; max-height: 90vh; position: relative; overflow-y: auto }
.courses-coursestudents-div-14 { position: relative; margin-bottom: 16px }
.courses-coursestudents-div-15 { max-height: 400px; overflow-y: auto; margin-bottom: 16px }
.courses-coursestudents-div-16 { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background-color: #f0f0f0 }
.courses-coursestudents-div-17 { font-size: 24px; color: #555; font-weight: bold; text-transform: uppercase }
.courses-coursestudents-div-18 { flex-grow: 1; display: flex; flex-direction: column }
.courses-coursestudents-div-2 { text-align: center; padding: 40px; color: #666 }
.courses-coursestudents-div-3 { display:none !important; position: fixed; z-index: 1200; left: 0; top: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.35); justify-content: center; align-items: center }
.courses-coursestudents-div-4 { background: #fff; border-radius: 32px; box-shadow: 0 4px 24px rgba(60,60,100,0.13); padding: 32px 28px 24px 28px; max-width: 500px; width: 95vw; max-height: 90vh; position: relative; overflow-y: auto }
.courses-coursestudents-div-5 { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; padding: 12px; background: #f8f9ff; border-radius: 16px }
.courses-coursestudents-div-6 { width: 48px; height: 48px; border-radius: 50%; background: #f0f0f0; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 600; color: #707DFF; flex-shrink: 0 }
.courses-coursestudents-div-7 { flex: 1; min-width: 0 }
.courses-coursestudents-div-8 { display: flex; flex-direction: column; gap: 12px; margin-bottom: 24px }
.courses-coursestudents-div-9 { font-weight: 600; color: inherit }
.courses-coursestudents-h2-1 { margin: 0 0 24px 0; font-size: 24px; font-weight: 600; color: #222 }
.courses-coursestudents-h3-1 { margin: 0; font-size: 16px; font-weight: 600; color: #222; font-family: }
.courses-coursestudents-img-1 { width: 100%; height: 100%; object-fit: cover }
.courses-coursestudents-input-1 { width: 100%; padding: 12px 15px; border: 1px solid #e0e6ed; border-radius: 25px; font-size: 15px; box-sizing: border-box; background: #f8f8ff; transition: border-color 0.3s, box-shadow 0.3s }
.courses-coursestudents-p-1 { margin: 0; font-size: 14px; color: #666; font-family: }
.courses-coursestudents-p-2 { margin-left: 20px; margin-bottom: 16px; color: #666 }
.courses-coursestudents-p-3 { margin-left: 20px; margin-bottom: 16px; color: #c00 }
.courses-coursestudents-span-1 { font-weight: 600; color: #333; font-size: 16px }
.courses-coursestudents-span-2 { font-size: 14px; color: #777 }
.courses-createcourse-button-1 { position:absolute; top:18px; right:18px; background:none; border:none; font-size:28px; color:#707DFF; cursor:pointer; line-height:1; padding:0 }
.courses-createcourse-div-1 { background:#fff; border-radius:18px; padding:32px 28px; min-width:420px; max-width:90vw; box-shadow:0 4px 32px rgba(80,80,120,0.18); display:flex; flex-direction:column; align-items:center; position:relative }
.courses-createcourse-div-2 { font-size:22px; font-weight:600; margin-bottom:18px; color:#707DFF }
.courses-createcourse-div-3 { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:18px; justify-content:center }
.courses-editcourse-a-1 { text-decoration: none }
.courses-editcourse-button-1 { background:#707DFF; color:#fff; border:none; border-radius:8px; padding:8px 24px; font-size:16px; margin-right:12px; cursor:pointer }
.courses-editcourse-button-2 { background:#F2F2F2; color:#222; border:none; border-radius:8px; padding:8px 24px; font-size:16px; cursor:pointer }
.courses-editcourse-button-3 { width:100%; background:none; border:none; color:#e53935; font-size:16px; padding:8px 24px; text-align:left; cursor:pointer }
.courses-editcourse-button-4 { width:100%; background:none; border:none; color:#222; font-size:16px; padding:8px 24px; text-align:left; cursor:pointer }
.courses-editcourse-div-1 { display:none !important; margin-top:18px; text-align:center }
.courses-editcourse-div-2 { display: flex; align-items: center; gap: 3px; position: relative }
.courses-editcourse-div-3 { margin: 0 0 18px 0 }
.courses-editcourse-div-4 { margin-bottom: 18px }
.courses-editcourse-div-5 { display:none !important; position:fixed; z-index:2000; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.35); align-items:center; justify-content:center }
.courses-editcourse-div-6 { position: relative }
.courses-editcourse-div-7 { flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-end }
.courses-editcourse-div-8 { display:none !important; position:absolute; z-index:10; background:#fff; border-radius:12px; box-shadow:0 4px 24px rgba(0,0,0,0.12); min-width:120px; padding:8px 0 }
.courses-editcourse-div-9 { display:none !important; position:absolute; z-index:10; background:#fff; border-radius:12px; box-shadow:0 4px 24px rgba(0,0,0,0.12); min-width:140px; padding:8px 0 }
.courses-editcourse-h2-1 { font-size:32px; margin-top: 40px; margin-bottom: 20px }
.courses-editcourse-input-1 { display:none !important }
.courses-editcourse-input-2 { width: 80px }
.courses-editcourse-label-1 { font-size:18px; font-weight:500; margin-bottom:10px; display:block; color:#707DFF }
.courses-editcourse-span-1 { visibility:hidden;position:absolute;white-space:pre;font:inherit }
.courses-editlesson-div-1 { width:100%;height:200px;border:1px solid #ddd;border-radius:4px }
.courses-editlesson-div-10 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 20px }
.courses-editlesson-div-11 { margin-bottom: 24px }
.courses-editlesson-div-2 { background:rgba(112,125,255,0.12);color:#707dff }
.courses-editlesson-div-3 { margin-top: 30px }
.courses-editlesson-div-4 { margin-bottom:12px }
.courses-editlesson-div-5 { background:#f8f8ff; border-radius:16px; padding:16px; margin-bottom:12px; display:none !important }
.courses-editlesson-div-6 { max-width:520px }
.courses-editlesson-div-7 { display:flex;flex-direction:column }
.courses-editlesson-div-8 { display:none !important;margin-top:4px;padding:12px 16px;border-radius:12px;background:#fee;color:#b91c1c;font-size:14px }
.courses-editlesson-div-9 { margin-bottom: 20px }
.courses-editlesson-form-1 { flex: 1 1 0 }
.courses-editlesson-img-1 { max-width:100%;border-radius:12px }
.courses-editlesson-input-1 { width:100%;margin-bottom:8px }
.courses-editlesson-label-1 { display: block; margin-bottom: 8px; font-weight: 600; font-size: 16px }
.courses-editlesson-label-2 { display: flex; align-items: center; gap: 8px; cursor: pointer }
.courses-editlesson-textarea-1 { width:100%;height:120px;border:1px solid #ddd;border-radius:4px;padding:8px }
.courses-lessondetail-aside-1 { width:340px; min-width:220px; max-width:100%; background:#fff; border-radius:25px; box-shadow:0 2px 12px rgba(60,60,100,0.07); padding:32px 24px 24px 24px }
.courses-lessondetail-div-1 { display:flex; gap:30px; align-items:flex-start }
.courses-lessondetail-div-2 { flex:1; min-width:0 }
.courses-lessondetail-div-3 { display:flex;align-items:center;gap:12px;margin:25px 0 }
.courses-lessondetail-div-4 { font-size:28px;font-weight:800;color:#34384C }
.courses-lessondetail-div-5 { margin: 20px 0 }
.courses-lessondetail-div-6 { border-radius: 25px }
.courses-lessondetail-div-7 { font-size:14px !important }
.courses-lessondetail-h1-1 { font-size: 32px }
.courses-lessondetail-h2-1 { margin-bottom:18px; margin-top: 0px }
.courses-lessondetail-video-1 { max-width: 100% }
.courses-moduledetail-a-1 { text-decoration:none }
.courses-moduledetail-div-1 { margin-bottom:20px }
.courses-moduledetail-div-2 { font-size:32px }
.courses-moduledetail-div-3 { opacity:0.5;cursor:not-allowed }
.courses-moduledetail-span-1 { display:flex;align-items:center }
.courses-practicalassignmentdetail-a-1 { display: flex; align-items: center; gap: 10px; color: #bcbec4; text-decoration: none; font-size: 13px; font-weight: 500; width: 100% }
.courses-practicalassignmentdetail-button-1 { margin-left:4px }
.courses-practicalassignmentdetail-button-2 { align-self: flex-end; padding: 8px 18px }
.courses-practicalassignmentdetail-button-3 { padding:6px 14px;font-size:13px }
.courses-practicalassignmentdetail-button-4 { color:#6b7280 }
.courses-practicalassignmentdetail-div-1 { display:none !important }
.courses-practicalassignmentdetail-div-10 { width:36px;height:36px;border-radius:50%;background:#6366f1;color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden }
.courses-practicalassignmentdetail-div-11 { flex:1;min-width:0 }
.courses-practicalassignmentdetail-div-12 { font-weight:700;font-size:13px;color:#bcbec4 }
.courses-practicalassignmentdetail-div-13 { font-size:11px;color:#6b7280 }
.courses-practicalassignmentdetail-div-14 { display:flex;align-items:center;gap:6px;padding:0 16px 14px }
.courses-practicalassignmentdetail-div-15 { text-align:center;padding:48px 24px;color:#8b909a }
.courses-practicalassignmentdetail-div-16 { font-size:32px;margin-bottom:8px }
.courses-practicalassignmentdetail-div-17 { font-size:15px;color:#bcbec4 }
.courses-practicalassignmentdetail-div-18 { display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;color:#8b909a }
.courses-practicalassignmentdetail-div-19 { font-size:40px;color:#eab308;margin-bottom:16px }
.courses-practicalassignmentdetail-div-2 { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0 20px 0 }
.courses-practicalassignmentdetail-div-20 { margin-bottom: 20px; display: flex; flex-direction: column; gap: 10px }
.courses-practicalassignmentdetail-div-21 { display:none !important; margin-top:10px }
.courses-practicalassignmentdetail-div-22 { display:flex;gap:8px;margin-top:6px }
.courses-practicalassignmentdetail-div-23 { padding:10px 0 0 0 }
.courses-practicalassignmentdetail-div-24 { width:30px;height:30px;font-size:12px;flex-shrink:0 }
.courses-practicalassignmentdetail-div-25 { text-align:center;color:#8b909a;padding:32px 16px;font-size:14px }
.courses-practicalassignmentdetail-div-26 { padding: 20px; font-family: }
.courses-practicalassignmentdetail-div-3 { font-size: 14px; font-weight: 600; color: #bcbec4; margin-top: 24px; margin-bottom: 10px }
.courses-practicalassignmentdetail-div-4 { display: grid; grid-template-columns: 1fr; gap: 8px }
.courses-practicalassignmentdetail-div-5 { background: #2b2d30; border: 1px solid #393b40; border-radius: 8px; padding: 10px 14px; display: flex; align-items: center }
.courses-practicalassignmentdetail-div-6 { margin-top: 24px }
.courses-practicalassignmentdetail-div-7 { margin-bottom:6px }
.courses-practicalassignmentdetail-div-8 { background:#2b2d30;border:1px solid #393b40;border-radius:12px;margin-bottom:16px;overflow:hidden }
.courses-practicalassignmentdetail-div-9 { display:flex;align-items:center;gap:10px;padding:14px 16px 10px }
.courses-practicalassignmentdetail-h1-1 { margin-bottom: 8px }
.courses-practicalassignmentdetail-h2-1 { font-size: 20px; font-weight: 700; margin: 0 0 16px 0; color: #ffffff }
.courses-practicalassignmentdetail-h3-1 { font-size:16px;color:#ffffff;margin-bottom:8px }
.courses-practicalassignmentdetail-img-1 { width:100%;height:100%;object-fit:cover;border-radius:50% }
.courses-practicalassignmentdetail-img-2 { width:100%;height:100%;border-radius:50%;object-fit:cover }
.courses-practicalassignmentdetail-p-1 { font-size:13.5px;line-height:1.5;color:#8b909a }
.courses-practicalassignmentdetail-pre-1 { margin:0 16px 14px;background:#1e1f22;border:1px solid #393b40;border-radius:8px;padding:14px;color:#a9b7c6;font-family: }
.courses-practicalassignmentdetail-span-1 { font-size: 11.5px; padding: 4px 10px; border-radius: 8px; font-weight: 600; background: #166534; color: #ffffff }
.courses-practicalassignmentdetail-span-2 { font-size: 11.5px; padding: 4px 10px; border-radius: 8px; font-weight: 600; background: #b45309; color: #ffffff }
.courses-practicalassignmentdetail-span-3 { font-size: 16px; color: #707DFF }
.courses-practicalassignmentdetail-svg-1 { vertical-align: middle; transform: scaleX(-1) }
.courses-practicalassignmentdetail-svg-2 { vertical-align: middle }
.courses-practicalassignmentdetail-svg-3 { display:inline-block; vertical-align:middle; margin-right:4px }
.courses-practicalassignmentdetail-svg-4 { margin-right:6px; vertical-align: middle; display: inline-block }
.courses-practicalassignmentdetail-svg-5 { margin-right:6px; display: inline-block; vertical-align: middle }
.courses-practicalassignmentdetail-svg-6 { margin-right:4px; vertical-align: middle }
.courses-practicalassignmentdetail-textarea-1 { width: 100%; min-height: 80px; background: #1e1f22; border: 1px solid #2b2d30; border-radius: 8px; padding: 12px; color: #ffffff; font-size: 14px; outline: none; font-family: }
.courses-practicalassignmentmodal-button-1 { padding: 10px 24px; font-weight: 700; border-radius: 14px; background: #707DFF; color: #fff; border: none; cursor: pointer }
.courses-practicalassignmentmodal-div-1 { max-width:1040px; overflow-y:auto; overflow-x:hidden }
.courses-practicalassignmentmodal-div-10 { border: 1px solid #DDE2F5; border-radius: 14px; overflow: hidden; background: #fff }
.courses-practicalassignmentmodal-div-11 { margin-top: 20px; border-top: 1px solid #e2e8f0; padding-top: 20px; display: flex; justify-content: flex-end }
.courses-practicalassignmentmodal-div-2 { position: relative; cursor: pointer }
.courses-practicalassignmentmodal-div-3 { min-height: 120px; border: 1px dashed #707dff; border-radius: 14px; padding: 16px 16px 48px 16px; background: #fcfcff; color: #4b5563; font-size: 14px; overflow-y: auto; max-height: 250px; box-sizing: border-box }
.courses-practicalassignmentmodal-div-4 { pointer-events: none }
.courses-practicalassignmentmodal-div-5 { position: absolute; right: 12px; bottom: 12px; background: rgba(112, 125, 255, 0.15); color: #707dff; padding: 6px 12px; border-radius: 8px; font-weight: 700; font-size: 12px; pointer-events: none }
.courses-practicalassignmentmodal-div-6 { font-weight:600;font-size:14px;color:#4C55B8;margin-bottom:8px }
.courses-practicalassignmentmodal-div-7 { display:none !important;margin-top:12px;padding:12px 16px;border-radius:12px;background:#fee;color:#b91c1c;font-size:14px }
.courses-practicalassignmentmodal-div-8 { display:none !important; z-index: 1200 }
.courses-practicalassignmentmodal-div-9 { max-width: 1040px; width: 90%; overflow-y: auto; text-align: left }
.courses-practicalassignmentmodal-em-1 { color: #9ca3af }
.courses-practicalassignmentmodal-span-1 { font-weight:400;color:#888;font-size:13px }
.courses-purchasecourse-p-1 { color: red }
.courses-studentprogress-button-1 { padding:6px 12px;font-size:13px }
.courses-studentprogress-div-1 { font-weight: 600; margin-bottom: 6px }
.courses-studentprogress-div-2 { margin-top:12px }
.courses-studentprogress-span-1 { font-size: 16px; color: #666 }
.courses-studentprogress-span-2 { color:#059669 }
.courses-textassignmentdetail-div-1 { max-height:320px }