/* Cycles Page Styles */

.cycle-info {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background-color: var(--light-gray);
  border-radius: 0.25rem;
}

.cycle-info p {
  margin-bottom: 0.5rem;
}

.date-filter {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background-color: var(--light-gray);
  border-radius: 0.25rem;
}

.date-filter-form {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.date-filter-form label {
  font-weight: bold;
  color: var(--dark-gray);
}

.date-filter-form input[type="date"] {
  padding: 0.5rem;
  border: 1px solid var(--secondary-color);
  border-radius: 0.25rem;
  font-size: 1rem;
}

.date-filter-form .btn {
  margin-left: 0;
}