/* TailAdmin-inspired custom styles for user-web */

/* Orange gradient overrides */
.from-indigo-500 {
    --tw-gradient-from: #ff6a00 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255, 106, 0, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-purple-600 {
    --tw-gradient-to: #fb2f00 var(--tw-gradient-to-position);
}
.from-indigo-50 {
    --tw-gradient-from: #fff7ed var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255, 247, 237, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-purple-50 {
    --tw-gradient-to: #fff7ed var(--tw-gradient-to-position);
}

/* Hide scrollbar but allow scrolling */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Sidebar transition */
.sidebar-aside {
  transition: transform 0.3s ease;
}

/* Smooth page transitions */
main {
  animation: fadeIn 0.15s ease-in;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}