:root {
  --bg: #050505;
  --surface: #101010;
  --surface2: #171717;
  --line: #362125;
  --muted: #aaa3a4;
  --lime: #c52f3a;
  --lime2: #ff6672;
  --orange: #dc3545;
  --green: #e13b48;
}

body {
  background:
    radial-gradient(circle at 80% -10%, rgba(133, 25, 35, 0.32) 0, transparent 34%),
    linear-gradient(135deg, #050505 0%, #100607 55%, #050505 100%);
}

.sidebar {
  background: rgba(5, 5, 5, 0.97);
}

.nav-item:hover,
.nav-item.active {
  background: #251315;
  border-color: #51252a;
}

.safe-mode,
.hero,
.page-intro {
  border-color: #4c2429;
  background: linear-gradient(90deg, #251416, #111012);
}

.metric,
.panel,
.detail,
.permission,
.staff-card,
.case-card {
  border-color: #392326;
}

.permission.allowed {
  border-color: #713039;
}

.permission.allowed span {
  color: #42d77d;
}

.primary {
  border-color: #e35a65;
  background: #c52f3a;
  color: #fff;
}

.mini-avatar {
  background: #35171b;
}

.timeline span {
  border-color: #58262d;
  background: #281417;
}

.bar-chart div {
  background: linear-gradient(90deg, #7b1d27, #dc3f4c);
  color: #fff;
}

.toast {
  border-color: #81323b;
  background: #2b1518;
}

.brand-logo {
  filter: drop-shadow(0 0 10px rgba(216, 49, 62, 0.28));
}

.avatar {
  object-fit: cover;
  background: #16090b;
  border: 1px solid #6f2931;
  color: transparent;
}

.online {
  color: #ff6975;
  border-color: #762d36;
  background: #2a1115;
}

.status-dot {
  background: #e13b48;
  box-shadow: 0 0 13px rgba(225, 59, 72, 0.82);
}

.good {
  color: #ff6975;
}