html,
body {
  background: #000 !important;
  background-color: #000 !important;
}

.page-wrap {
  min-height: 100vh;
  background: #000 !important;
  background-color: #000 !important;
}

.card-blur {
  background: #000 !important;
  background-color: #000 !important;
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.table thead th {
  color: #e9f1ff;
}

.table td {
  vertical-align: middle;
}

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

.thumb {
  width: 84px;
  height: 48px;
  object-fit: cover;
  border-radius: 8px;
  background: #111;
}

.btn-round {
  border-radius: 14px;
}

.btn-primary,
.btn-primary:visited {
  background-color: #d4a847 !important;
  border-color: #d4a847 !important;
  color: #000 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.show {
  background-color: #bf9638 !important;
  border-color: #bf9638 !important;
  color: #000 !important;
}

.btn-primary:focus,
.btn-primary:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(212, 168, 71, 0.35) !important;
}

.topbar {
  color: #fff;
}

.muted {
  color: rgba(255, 255, 255, 0.7);
}

.footer-credit {
  text-align: center;
  padding: 24px 16px;
  color: #f4ede0;
  font-size: 13px;
  line-height: 1.8;
}

.footer-credit a {
  color: #d4a847;
  text-decoration: none;
}

a,
a:hover {
  color: inherit;
}

.sortable-ghost,
.dragging {
  opacity: 0.5;
}

.cursor-move {
  cursor: move;
}

.category-actions {
  width: 240px;
}

.category-id-column {
  width: 80px;
}

.dashboard-order-column {
  width: 60px;
}

.dashboard-thumbnail-column {
  width: 120px;
}

.dashboard-date-column {
  width: 180px;
}

.dashboard-duration-column {
  width: 140px;
}

.dashboard-added-column {
  width: 200px;
}

.dashboard-actions-column {
  width: 190px;
}

.category-select {
  min-width: 320px;
}

.topbar-login {
  display: none !important;
}

.app-title {
  color: rgba(255, 255, 255, 0.72);
}

.login-logo {
  width: 112px;
  height: 112px;
  object-fit: contain;
}

.login-brand {
  color: #fff;
  font-size: 1.05rem;
  font-weight: 700;
}