body { font-family: Arial, sans-serif; margin: 0; padding: 20px; line-height: 1.6; }
h1, h2, h3 { margin-top: 20px; }
.task-type { margin-bottom: 30px; }
.task-card { border: 1px solid #ddd; padding: 15px; margin-bottom: 15px; border-radius: 5px; }
.task-header { display: flex; justify-content: space-between; margin-bottom: 10px; }
.task-title { margin: 0; font-size: 1.1em; font-weight: bold; }
.task-status { padding: 3px 8px; border-radius: 3px; font-size: 0.9em; }
.status-not-started { background-color: #f0f0f0; }
.status-preparing { background-color: #fff3cd; }
.status-running { background-color: #cce5ff; }
.status-completed { background-color: #d4edda; }
.status-error { background-color: #f8d7da; color: #721c24; }
.task-details { margin-top: 10px; }
.progress-bar { height: 10px; background-color: #e9ecef; border-radius: 5px; margin-top: 5px; overflow: hidden; }
.progress-fill { height: 100%; background-color: #007bff; width: 0%; }
.task-actions { margin-top: 15px; }
.btn { padding: 5px 10px; background-color: #007bff; color: white; border: none; border-radius: 3px; cursor: pointer; text-decoration: none; display: inline-block; }
.btn:hover { background-color: #0069d9; }
.refresh-btn { float: right; margin-top: 10px; }
.timestamp { font-size: 0.8em; color: #666; }