html, body {
  min-height: 100%;
}

body.admin-body {
  background: radial-gradient(circle at top, #272727 0%, #111 45%, #050505 100%);
  color: #fff;
  font-family: "Segoe UI", sans-serif;
}

.sidebar {
  width: 280px;
  background: rgba(10, 10, 10, 0.92);
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.sidebar .nav-link {
  color: #d1d1d1;
  border: 1px solid transparent;
  border-radius: 14px;
  padding: 0.75rem 1rem;
}

.sidebar .nav-link:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.08);
}

.topbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.02);
}

.panel-card, .dashboard-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 1.25rem;
  backdrop-filter: blur(14px);
}

.dashboard-card span {
  display: block;
  color: #9e9e9e;
  font-size: 0.85rem;
}

.dashboard-card strong {
  font-size: 2rem;
  font-weight: 700;
}

.form-dark, .form-control.bg-black {
  background: #080808;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.18);
}

.form-dark:focus, .form-control.bg-black:focus {
  background: #111;
  color: #fff;
  border-color: #fff;
  box-shadow: none;
}

.table-dark {
  --bs-table-bg: transparent;
  --bs-table-border-color: rgba(255, 255, 255, 0.08);
}

.modal-dark {
  background: #111;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.settings-logo {
  max-height: 80px;
  max-width: 160px;
  object-fit: contain;
  background: #fff;
  border-radius: 14px;
  padding: 0.5rem;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}