.task-list{border:1px solid #000;margin:16px 0;padding:20px}.task-list h2{margin-bottom:0}.task-list span{display:block}.task-list .stat-value{font-size:48px;line-height:48px;margin-bottom:30px}.task-list .stat-label{font-size:16px;line-height:16px}.task-list .task-list__table{border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);font-size:14px;margin:20px 0;overflow:hidden;width:100%}.task-list .task-list__table thead{background-color:#000;color:#fff}.task-list .task-list__table thead th{border:none;font-size:12px;font-weight:600;letter-spacing:.5px;padding:15px 12px;text-align:left;text-transform:uppercase}.task-list .task-list__table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.task-list .task-list__table tbody tr:hover{background-color:#f8f9fa}.task-list .task-list__table tbody tr:nth-child(2n){background-color:#fafafa}.task-list .task-list__table tbody tr:nth-child(2n):hover{background-color:#f0f0f0}.task-list .task-list__table tbody td{border:none;border-right:1px solid #f0f0f0;padding:12px;vertical-align:middle}.task-list .task-list__table tbody td:last-child{border-right:none}.task-list .task-list__table .assignment-name{color:#333;font-weight:600}.task-list .task-list__table .course-name{color:#007bff;font-weight:500}.task-list .task-list__table .status{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-align:center;text-transform:uppercase}.task-list .task-list__table .status.pending{background-color:#fff3cd;color:#856404}.task-list .task-list__table .status.in-review{background-color:#cce5ff;color:#004085}.task-list .task-list__table .status.complete{background-color:#d4edda;color:#155724}.task-list .task-list__table .status.needs-attention{background-color:#f8d7da;color:#721c24}.task-list .task-list__table .learner-name{color:#333;font-weight:500}.task-list .task-list__table .feedback{color:#666;font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-list .task-list__table .attachments{color:#007bff;font-weight:500;text-align:center}.task-list .task-list__table .attachments-count{background-color:#007bff;border-radius:50%;color:#fff;display:inline-block;font-size:12px;height:20px;line-height:20px;text-align:center;width:20px}.task-list .task-list__table .task-list__empty{animation:pulse 1.5s ease-in-out infinite;background-color:#f8f9fa;border:1px solid #e9ecef;height:40px}.task-list .task-list__table .empty-state{background-color:#f8f9fa;font-style:italic}.task-list .task-list__table .empty-state,.task-list .task-list__table .loading-state{color:#666;padding:40px 20px;text-align:center}.task-list .task-list__table .error-state{background-color:#f8d7da;color:#dc3545;font-weight:500;padding:40px 20px;text-align:center}.task-list .task-list__table .action-buttons{display:flex;gap:8px;justify-content:center}.task-list .task-list__table .btn-action{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.task-list .task-list__table .btn-action:hover{background-color:#007bff;border-color:#007bff;color:#fff}.task-list .task-list__table .btn-view{background-color:#28a745;border-color:#28a745;color:#fff}.task-list .task-list__table .btn-view:hover{background-color:#218838;border-color:#1e7e34}@media (max-width:768px){.task-list .task-list__table{font-size:12px}.task-list .task-list__table tbody td,.task-list .task-list__table thead th{padding:8px 6px}.task-list .task-list__table .feedback{max-width:100px}.task-list .task-list__table .action-buttons{flex-direction:column;gap:4px}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}