@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
html {
  height: 100%;
  width: 100%;
}

body {
  font-family: "Inter", sans-serif;
}
.sidebar-item:hover {
  background-color: #f3f4f6;
  border-radius: 0.75rem;
}
.sidebar-item.active {
  background-color: #2563eb;
  color: white !important;
  border-radius: 0.75rem;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25);
}

.sidebar-item.active:hover {
  background-color: #2563eb;
  color: white;
}
.card-shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03);
}

.toggle-checkbox:checked + .toggle-label {
  background-color: #2563eb;
}
.toggle-checkbox:checked + .toggle-label .toggle-dot {
  transform: translateX(100%);
}