body {
  margin: 0;
  background: #0f172a;
}

#root {
  min-height: 100vh;
}

.app-loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  color: #94a3b8;
  font-family: system-ui, sans-serif;
  gap: 16px;
}

.app-loader img {
  height: 48px;
  opacity: 0.9;
}

.app-loader-bar {
  width: 120px;
  height: 3px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  overflow: hidden;
}

.app-loader-bar::after {
  content: '';
  display: block;
  width: 40%;
  height: 100%;
  background: #16a34a;
  border-radius: 2px;
  animation: loadbar 1.2s ease-in-out infinite;
}

@keyframes loadbar {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(350%);
  }
}