.lms-course-container, .lesson-player, .dashboard-wrapper { max-width: 900px; margin: 0 auto; padding: 20px; font-family: sans-serif; }
.course-syllabus { background: #f9f9f9; padding: 20px; border-radius: 8px; margin-top: 30px; }
.lesson-list { list-style: none; padding: 0; }
.lesson-list li { padding: 10px; border-bottom: 1px solid #ddd; }
.lesson-list a { text-decoration: none; color: #0073aa; font-weight: bold; }
.course-actions { margin-top: 30px; padding: 20px; background: #e3f2fd; border-radius: 8px; text-align: center; }
#rzp-pay-btn, #mark-complete-btn, .resume-btn { background: #0073aa; color: #fff; border: none; padding: 12px 24px; font-size: 16px; border-radius: 5px; cursor: pointer; text-decoration: none; display: inline-block; }
#rzp-pay-btn:hover, #mark-complete-btn:hover, .resume-btn:hover { background: #005177; }
.dashboard-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; margin-top: 20px; }
.dashboard-course-card { border: 1px solid #ddd; padding: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
progress { width: 100%; height: 20px; }
.error { color: red; font-weight: bold; padding: 20px; background: #ffebee; border-left: 5px solid red; }