#app > .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden {
  background: linear-gradient(135deg, #ffffff 0%, #eff6ff 48%, #e0f2fe 100%) !important;
}

#app > .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden
  > .absolute.inset-0.bg-gradient-to-br {
  background: linear-gradient(135deg, #ffffff 0%, #eff6ff 48%, #e0f2fe 100%) !important;
}

#app > .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden
  [class*="bg-primary-400"],
#app > .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden
  [class*="bg-primary-500"],
#app > .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden
  [class*="bg-primary-300"] {
  background-color: rgba(59, 130, 246, 0.18) !important;
}

#app > .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden
  [class*="bg-[linear-gradient"] {
  background-image:
    linear-gradient(rgba(37, 99, 235, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37, 99, 235, 0.055) 1px, transparent 1px) !important;
}

#app > .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden
  [class*="shadow-primary-500"] {
  box-shadow: 0 18px 42px rgba(37, 99, 235, 0.22) !important;
}

#app > .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden
  .text-gradient {
  background-image: linear-gradient(90deg, #2563eb, #0284c7) !important;
}

#app > .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden
  .card-glass {
  border: 1px solid rgba(191, 219, 254, 0.86) !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 28px 70px -38px rgba(37, 99, 235, 0.55) !important;
}

#app > .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden
  .btn-primary {
  background-image: linear-gradient(90deg, #3b82f6, #0284c7) !important;
  box-shadow: 0 10px 20px -8px rgba(59, 130, 246, 0.52) !important;
}

#app > .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden
  .btn-primary:hover:not(:disabled) {
  background-image: linear-gradient(90deg, #2563eb, #0369a1) !important;
}

#app > .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden
  .input:focus {
  border-color: #3b82f6 !important;
  --tw-ring-color: rgba(59, 130, 246, 0.3) !important;
}

#app > .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden
  a.text-primary-600,
#app > .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden
  .text-primary-600 {
  color: #2563eb !important;
}

#app > .relative.flex.min-h-screen.items-center.justify-center.overflow-hidden
  a.text-primary-600:hover {
  color: #1d4ed8 !important;
}

.sidebar-brand > :not(.sidebar-brand-title) {
  display: none !important;
}