[x-cloak] { display: none !important; }

* { scrollbar-width: thin; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: rgba(100, 116, 139, .35); border-radius: 8px; }

.card {
  background: #fff;
  border: 1px solid rgb(226 232 240);
  border-radius: 1rem;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.dark .card {
  background: rgb(15 23 42);
  border-color: rgb(30 41 59);
}

.table-row-hover:hover {
  background: rgba(99, 102, 241, .05);
}

.badge {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  border-radius: 999px;
  padding: .125rem .625rem;
  font-size: .72rem;
  font-weight: 600;
  line-height: 1.4rem;
  white-space: nowrap;
}