/* 🔮 Koy Miracle 8 App Custom Stylesheet */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap');

body {
  font-family: 'Kanit', sans-serif;
  background: radial-gradient(circle at top center, #1e1b4b 0%, #0f172a 60%, #020617 100%);
  background-attachment: fixed;
}

/* Glassmorphism Panel */
.glass-panel {
  background: rgba(15, 23, 42, 0.75);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(245, 158, 11, 0.2);
  border-radius: 1rem;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
}

/* Glow Effects */
.gold-glow-text {
  text-shadow: 0 0 25px rgba(245, 158, 11, 0.4);
}

.tab-btn.active {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.25) 0%, rgba(147, 51, 234, 0.25) 100%);
  border-color: rgba(245, 158, 11, 0.8);
  color: #fef08a;
  box-shadow: 0 0 15px rgba(245, 158, 11, 0.2);
}

/* Form Styling */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
  cursor: pointer;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #090d16;
}
::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #f59e0b;
}