:root {
  --admin-bg-1: #07111f;
  --admin-bg-2: #0e1628;
  --admin-card: rgba(12, 19, 34, 0.88);
  --admin-card-2: rgba(255,255,255,0.04);
  --admin-border: rgba(234, 193, 104, 0.22);
  --admin-gold: #e4b969;
  --admin-gold-strong: #f2cf86;
  --admin-text: #f4f1ea;
  --admin-muted: #b7bfd1;
  --admin-shadow: 0 18px 45px rgba(0,0,0,0.35);
}

body.admin-body {
  font-family: Tahoma, sans-serif;
  min-height: 100vh;
  color: var(--admin-text);
  background:
    radial-gradient(circle at top right, rgba(228,185,105,0.16), transparent 25%),
    radial-gradient(circle at top left, rgba(70,110,180,0.16), transparent 24%),
    linear-gradient(180deg, var(--admin-bg-1), var(--admin-bg-2));
}

.admin-navbar {
  background: rgba(7,17,31,0.72);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--admin-border);
}

.admin-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--admin-text);
  text-decoration: none;
  font-weight: 700;
}
.admin-brand img {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  object-fit: cover;
  border: 1px solid var(--admin-border);
}

.admin-shell {
  max-width: 1320px;
}

.admin-card {
  background: var(--admin-card);
  border: 1px solid var(--admin-border);
  border-radius: 22px;
  box-shadow: var(--admin-shadow);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.admin-card .card-header {
  background: transparent;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  color: var(--admin-text);
}

.admin-title {
  color: var(--admin-text);
  font-weight: 700;
}

.admin-subtitle {
  color: var(--admin-muted);
}
.form-control,
.form-select,
textarea.form-control {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.10);
  color: var(--admin-text);
  border-radius: 14px;
}

.form-control:focus,
.form-select:focus,
textarea.form-control:focus {
  background: rgba(255,255,255,0.06);
  color: var(--admin-text);
  border-color: rgba(228,185,105,0.55);
  box-shadow: 0 0 0 .2rem rgba(228,185,105,0.12);
}

.form-label,
.form-text,
.table,
.table th,
.table td {
  color: var(--admin-text) !important;
}

.form-text {
  color: var(--admin-muted) !important;
}

.table {
  --bs-table-bg: transparent;
  --bs-table-striped-bg: rgba(255,255,255,0.03);
  --bs-table-hover-bg: rgba(255,255,255,0.05);
  --bs-table-border-color: rgba(255,255,255,0.08);
}
.table thead th {
  color: var(--admin-gold-strong) !important;
  font-weight: 700;
}

code {
  color: var(--admin-gold-strong);
  background: rgba(228,185,105,0.08);
  padding: 3px 8px;
  border-radius: 8px;
}

.badge-soft {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: .82rem;
  font-weight: 700;
  border: 1px solid transparent;
}

.status-awaiting { background: rgba(255,193,7,.18); color: #ffd76a; border-color: rgba(255,193,7,.30); }
.status-submitted { background: rgba(13,202,240,.16); color: #8fe7ff; border-color: rgba(13,202,240,.28); }
.status-review { background: rgba(111,66,193,.18); color: #c5a8ff; border-color: rgba(111,66,193,.30); }
.status-approved { background: rgba(25,135,84,.18); color: #9af0bb; border-color: rgba(25,135,84,.30); }
.status-rejected { background: rgba(220,53,69,.18); color: #ff9baa; border-color: rgba(220,53,69,.30); }
.status-done { background: rgba(32,201,151,.18); color: #91f0d1; border-color: rgba(32,201,151,.30); }
.status-cancelled { background: rgba(108,117,125,.22); color: #d5d9de; border-color: rgba(108,117,125,.30); }

img.admin-proof {
  max-width: 220px;
  max-height: 220px;
  object-fit: cover;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.08);
}