#hercules-preloader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #f1f5f9;
  transition: opacity 0.4s ease;
}
#hercules-preloader.fade-out { opacity: 0; pointer-events: none; }
#hercules-preloader img { width: 200px; height: auto; }
#hercules-preloader .loader-bar {
  margin-top: 28px;
  width: 160px;
  height: 3px;
  border-radius: 3px;
  background: #e2e8f0;
  overflow: hidden;
}
#hercules-preloader .loader-bar-fill {
  width: 40%;
  height: 100%;
  border-radius: 3px;
  background: #0098cc;
  animation: preloader-slide 1.2s ease-in-out infinite;
}
@keyframes preloader-slide {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(350%); }
}