body {
  background-color: #f8f9fa;
}

.navbar-brand {
  font-size: 1.1rem;
  letter-spacing: -0.01em;
}

.card {
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
}

.card-header {
  background-color: #fff;
  border-bottom: 1px solid #e5e7eb;
  padding: 0.75rem 1rem;
}

.list-group-item {
  border-left: none;
  border-right: none;
}

.list-group-item:first-child {
  border-top: none;
}

.task-complete {
  background-color: #f8fdf8;
}

.toggle-btn:hover .bi-circle {
  color: #198754 !important;
}

.progress {
  background-color: #e9ecef;
  border-radius: 999px;
}

.progress-bar {
  border-radius: 999px;
}

.badge.rounded-pill {
  font-weight: 500;
  font-size: 0.75rem;
}

.table th {
  font-weight: 600;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #6b7280;
}

.nav-tabs .nav-link {
  color: #6b7280;
}

.nav-tabs .nav-link.active {
  font-weight: 600;
  color: #111;
}