/* Fade Down Animation */
.fade-down {
  opacity: 0;
  transform: translateY(-30px);
  animation: fadeDown 0.8s ease forwards;
}

@keyframes fadeDown {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Smooth transitions */
#sidebar {
  transition: all 0.3s ease-in-out;
}