body {
  background: #0f1117;
}

.scrollbar-thin::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.scrollbar-thin::-webkit-scrollbar-thumb {
  background: #2a3042;
  border-radius: 999px;
}

.filter-input {
  width: 100%;
  border-radius: 0.5rem;
  border: 1px solid #2a3042;
  background: #10131d;
  color: #eef2ff;
  padding: 0.625rem 0.75rem;
  outline: none;
}

.filter-input:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.18);
}

.filter-label {
  display: block;
  color: #aab2c8;
  font-size: 0.78rem;
  margin-bottom: 0.35rem;
}

.badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.25rem 0.55rem;
  font-size: 0.75rem;
  font-weight: 700;
  white-space: nowrap;
}

.badge-green {
  background: rgba(34, 197, 94, 0.14);
  color: #86efac;
  border: 1px solid rgba(34, 197, 94, 0.26);
}

.badge-red {
  background: rgba(239, 68, 68, 0.14);
  color: #fca5a5;
  border: 1px solid rgba(239, 68, 68, 0.26);
}

.badge-yellow {
  background: rgba(234, 179, 8, 0.14);
  color: #fde68a;
  border: 1px solid rgba(234, 179, 8, 0.26);
}

.badge-gray {
  background: rgba(148, 163, 184, 0.12);
  color: #cbd5e1;
  border: 1px solid rgba(148, 163, 184, 0.22);
}