html, body {
  font-family: "PT Sans", sans-serif;
  background: #ffffff;
}

.nav-link {
  display: block;
  border-radius: 0.9rem;
  padding: 0.75rem 1rem;
  color: #334155;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.nav-link:hover,
.nav-link.active {
  background: #f8fafc;
  color: #0f766e;
}

button,
input[type="submit"] {
  background: #000000 !important;
  color: #ffffff !important;
}

button:hover,
input[type="submit"]:hover {
  background: #0f766e !important;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: #0f766e !important;
  box-shadow: 0 0 0 2px rgba(15, 118, 110, 0.12) !important;
}

.task-description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}