:root {
  --bg: #0b0b0c;
  --panel: #151619;
  --panel-2: #1c1e22;
  --line: #2e3238;
  --text: #f5f7fa;
  --muted: #9aa3ad;
  --accent: #d4af37;
  --success: #198754;
  --warning: #ffc107;
  --danger: #dc3545;
}

body {
  background: linear-gradient(180deg, #090909 0%, #111216 100%);
  color: var(--text);
}

.navbar,
.panel,
.metric-card,
.table-wrap,
.form-panel,
.card-system {
  background: rgba(21, 22, 25, 0.96);
  border: 1px solid var(--line);
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}

.hero {
  background: radial-gradient(circle at top right, rgba(212,175,55,.18), transparent 28%), linear-gradient(135deg, #131417 0%, #0c0d10 100%);
  border: 1px solid var(--line);
  border-radius: 1rem;
}

.label {
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 700;
  color: var(--muted);
}

.metric {
  font-size: 1.8rem;
  font-weight: 700;
}

.text-muted-system { color: var(--muted); }

.progress {
  background: #22262b;
}

.table-dark-soft {
  --bs-table-bg: transparent;
  --bs-table-color: var(--text);
  --bs-table-border-color: var(--line);
}

.form-control,
.form-select,
textarea {
  background: #0f1114 !important;
  border-color: var(--line) !important;
  color: var(--text) !important;
}