body { font-family: system-ui, sans-serif; margin: 2rem; }
table { border-collapse: collapse; width: 100%; }
th, td { padding: 0.5rem; border-bottom: 1px solid #ddd; text-align: left; }
.badge { padding: 0.2rem 0.5rem; border-radius: 4px; font-size: 0.85em; }
.badge-pendiente { background: #fef3c7; }
.badge-completada { background: #d1fae5; }
.badge-vencida { background: #fee2e2; }
.task-detail { border: 1px solid #ddd; border-radius: 6px; padding: 1rem; margin: 1rem 0; background: #f9fafb; }