body {
  background-color: #121212;
  color: #e0e0e0;
  min-height: 100vh;
}
.card {
  background-color: #1e1e1e;
  border: none;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.7);
  border-radius: 1rem;
}
h1, h3 {
  color: #f0f0f0;
}
label {
  color: #b0b0b0;
}
.form-control {
  background-color: #2c2c2c;
  border: 1px solid #444;
  color: #e0e0e0;
}
.form-control:focus {
  background-color: #3a3a3a;
  border-color: #0d6efd;
  color: #fff;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-primary {
  background-color: #0d6efd;
  border: none;
}
.btn-primary:hover {
  background-color: #0b5ed7;
}
.btn-success {
  background-color: #198754;
  border: none;
}
.btn-success:hover {
  background-color: #146c43;
}
.progress {
  background-color: #333;
  border-radius: 0.5rem;
  height: 24px;
}
.progress-bar {
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}
.form-control {
  background-color: #2c2c2c;
  border: 1px solid #444;
  color: #e0e0e0;
}
.form-control:focus {
  background-color: #3a3a3a;
  border-color: #0d6efd;
  color: #fff;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.form-control::placeholder {
  color: #ffffff !important;
  opacity: 1;
}