.tdp-container { font-family: Arial, sans-serif; }
.tdp-course-box { border:1px solid #ccc; padding:15px; margin:10px 0; border-radius:8px; background:#fafafa; }
.tdp-student { margin-bottom: 10px; }
.tdp-bar-container { width: 100%; background-color: #e0e0e0; border-radius: 4px; height: 10px; margin-top: 4px; }
.tdp-bar-fill { height: 10px; border-radius: 4px; background-color: #0d6efd; }