.tabs{ display:flex; gap: 8px; flex-wrap: wrap; }
.tab{
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
  cursor: pointer;
  color: var(--text);
  font-weight: 650;
  font-size: 12px;
}
.tab.active{
  background: rgba(43,212,212,.10);
  border-color: rgba(43,212,212,.26);
}
.chip{
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
  color: var(--text);
}
.chip-muted{ color: var(--muted); }
.chip-success{ border-color: rgba(34,197,94,.25); background: rgba(34,197,94,.10); }
.chip-warning{ border-color: rgba(245,158,11,.25); background: rgba(245,158,11,.10); }
.chip-danger{ border-color: rgba(239,68,68,.25); background: rgba(239,68,68,.10); }