body { background: #f5f7fb; }
.card-soft { border: 0; border-radius: 18px; box-shadow: 0 4px 18px rgba(0,0,0,.06); }
.form-card { max-width: 460px; margin: 4vh auto; }
.stat-card { border-radius: 18px; }
.task-card.overdue { border-left: 5px solid #dc3545; }
.task-card.pending { border-left: 5px solid #fd7e14; }
.task-card.completed { border-left: 5px solid #198754; }
.table thead th { white-space: nowrap; }
@media (max-width: 767px) {
  .mobile-stack .btn { width: 100%; margin-bottom: .5rem; }
}