body {
  background-color: #f7f8fa;
}

.card {
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 0.75rem;
}

.qr-thumb {
  width: 64px;
  height: 64px;
  object-fit: contain;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 0.5rem;
  padding: 4px;
}

.qr-image-large {
  width: 260px;
  height: 260px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 0.75rem;
  padding: 12px;
}

.stat-box {
  border-radius: 0.75rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  padding: 1rem 1.25rem;
}

.stat-box .value {
  font-size: 1.75rem;
  font-weight: 700;
}

.badge-active {
  background-color: #198754;
}

.badge-inactive {
  background-color: #6c757d;
}

code.short-code {
  background: #eef1f5;
  padding: 0.15rem 0.4rem;
  border-radius: 0.35rem;
}