.logo-shadow {
  filter: drop-shadow(0 2px 8px rgba(15, 23, 42, 0.15));
}

.calendar-card {
  background: linear-gradient(140deg, rgba(14, 116, 144, 0.08), rgba(15, 23, 42, 0.04));
}

.table-row:hover {
  background-color: rgba(226, 232, 240, 0.6);
}

.spinner {
  width: 16px;
  height: 16px;
  border-radius: 999px;
  border: 2px solid rgba(148, 163, 184, 0.4);
  border-top-color: #06b6d4;
  animation: spin 0.8s linear infinite;
}

.spinner-sm {
  width: 12px;
  height: 12px;
  border-width: 2px;
}

.table-scroll {
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
}

.mobile-menu {
  display: none;
}

#mobile-menu-toggle:checked ~ #mobile-menu {
  display: block;
}

.login-button {
  background-color: #3e51ff;
  color: #ffffff;
}

.login-button:hover {
  background-color: #2f3fe6;
}

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