body {
  font-family: 'Rubik', sans-serif;
  background-color: #121212;
  color: #ffffff;
}

main.container {
  max-width: 1200px;
}

.panel-card {
  background: rgba(0, 0, 0, 0.85);
  border: 2px solid #ff9f43;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

.card-body {
  padding: 1.2rem;
}

#loginView {
  max-width: 520px;
}

.form-control,
.form-control:focus,
.custom-select,
.custom-select:focus {
  background-color: rgba(24, 24, 24, 0.92);
  color: #fff;
  border: 1px solid #ff9f43;
  box-shadow: none;
}

label {
  color: #f0f0f0;
}

.table-dark {
  background: transparent;
}

.table td,
.table th {
  vertical-align: middle;
  border-top-color: rgba(255, 159, 67, 0.35);
}

.btn-primary,
.btn-success,
.btn-warning {
  border: none;
}

.btn-primary {
  background-color: #ff9f43;
  color: #111;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #ffb067;
  color: #111;
}

.btn-success {
  background-color: #1db954;
}

.btn-danger {
  background-color: #b72828;
}

.text-muted {
  color: #bfbfbf !important;
}