/* Custom styles — supplements Tailwind CDN */

/* Smooth scrolling */
html { scroll-behavior: smooth; }

/* Custom scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: rgb(30, 41, 59); }
::-webkit-scrollbar-thumb { background: rgb(71, 85, 105); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgb(100, 116, 139); }

/* Radio/checkbox accent */
input[type="radio"], input[type="checkbox"] {
  accent-color: #10b981;
}

/* File input styling */
input[type="file"]::file-selector-button {
  cursor: pointer;
}

/* Table hover */
tbody tr { transition: background-color 0.15s; }

/* Fade-in animation */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
.fade-in { animation: fadeIn 0.3s ease-out; }

/* Card hover shadow (Tailwind can't do arbitrary shadow colors well via CDN) */
.card-glow:hover {
  box-shadow: 0 8px 30px -5px rgba(16, 185, 129, 0.15);
}