body {
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  background: radial-gradient(circle at top, #010203 0%, #0a0e1c 100%);
  color: #f8fafc;
  min-height: 100vh;
}

.glass-card {
  background: rgba(5, 7, 11, 0.702);
  /* backdrop-filter: blur(12px); */
  border: 3px solid rgba(234, 178, 8, 0.654);
  border-radius: 20px;
  /* box-shadow:
    rgba(0, 0, 0, 0.3) 0px 19px 38px,
    rgba(0, 0, 0, 0.22) 0px 15px 12px; */
}

.gold-border {
  border: 3px solid rgba(234, 178, 8, 0.654);
}

.emerald-gradient {
  background: linear-gradient(135deg, #087d56 0%, #059669 100%);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Correction de la sensibilité des Sliders */
input[type="range"] {
  cursor: pointer;
  height: 20px; /* Zone plus large pour cliquer mais... */
  touch-action: pan-y; /* Permet le scroll vertical sans activer le slider par erreur */
}

/* Animation de tremblement pour l'alerte score faible */
@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-2px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(2px);
  }
}

.shake-animation {
  animation: shake 0.5s infinite;
}

/* Animation de déploiement */
#vaultHistory {
  transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Barre de défilement style "Fintech" */
.custom-scrollbar::-webkit-scrollbar {
  width: 2px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(16, 185, 129, 0.3);
  border-radius: 10px;
}

/* Animation de rebond pour les icônes */
@keyframes bounce-subtle {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-2px);
  }
}
.bounce-animation {
  animation: bounce-subtle 2s infinite;
}