/* ===== EXTRA EMOTION & ANIMATIONS ===== */
@keyframes shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

@keyframes glowPulse {
  0%, 100% { box-shadow: 0 0 5px rgba(212,168,71,0.2); }
  50% { box-shadow: 0 0 20px rgba(212,168,71,0.4); }
}

@keyframes toastBounce {
  0% { transform: translateX(100%) scale(0.8); opacity: 0; }
  60% { transform: translateX(-10px) scale(1.02); }
  100% { transform: translateX(0) scale(1); opacity: 1; }
}

.toast { animation: toastBounce 0.4s ease; }

.dashboard-greeting h2 {
  background: linear-gradient(135deg, #e8e8f0 0%, #d4a847 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.card { position: relative; overflow: hidden; }
.card::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 3px;
  background: linear-gradient(90deg, #d4a847, #e0b85a, #d4a847);
  opacity: 0;
  transition: opacity 0.3s;
}
.card:hover::before { opacity: 1; }

.stat-card .icon { transition: all 0.3s ease; }
.stat-card:hover .icon { transform: scale(1.1) rotate(-5deg); }

.nav-item.active { text-shadow: 0 0 10px rgba(212,168,71,0.3); }

.nav-item i { transition: transform 0.3s ease; }
.nav-item:hover i { transform: scale(1.2); }

.progress-fill {
  position: relative;
  overflow: hidden;
}
.progress-fill::after {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);
  background-size: 200% 100%;
  animation: shimmer 2s infinite;
}