.sidebar-menu li:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.content-section {
  display: none;
}

.content-section.active {
  display: block;
}

.stat-card {
  transition: transform 0.2s;
}

.stat-card:hover {
  transform: translateY(-5px);
}

.table-hover tbody tr:hover {
  background-color: #f9fafb;
}

/* Toggle Switch Styles */
.peer:checked ~ div {
  background-color: #10b981;
}

.peer:checked ~ div:after {
  transform: translateX(100%);
}

/* Loading Animation */
.loading {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* Smooth Transitions */
* {
  transition: background-color 0.2s ease;
}

/* Scrollbar Styles */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Responsive Table */
@media (max-width: 768px) {
  table {
    font-size: 0.875rem;
  }

  .stat-card {
    padding: 1rem;
  }
}