body {
  background-color: #f5f7fa;
  font-family: system-ui, -apple-system, sans-serif;
}

#main-content {
  display: none;
}

.cat-agro {
  background-color: #ecfdf5;
  color: #059669;
  border-color: #a7f3d0;
}

.cat-constr {
  background-color: #fffbeb;
  color: #d97706;
  border-color: #fde68a;
}

.cat-bazar {
  background-color: #f0f9ff;
  color: #0284c7;
  border-color: #bae6fd;
}

.cat-leve {
  background-color: #fdf2f8;
  color: #db2777;
  border-color: #fbcfe8;
}

.cat-odonto {
  background-color: #f8fafc;
  color: #475569;
  border-color: #e2e8f0;
}

.cat-geral {
  background-color: #f1f5f9;
  color: #334155;
  border-color: #cbd5e1;
}

.cat-desq {
  background-color: #fef2f2;
  color: #dc2626;
  border-color: #fecaca;
  text-decoration: line-through;
}

.status-pendente {
  background-color: #ffffff;
  color: #4b5563;
  border-color: #e5e7eb;
}

.status-contatado {
  background-color: #e0f2fe;
  color: #0369a1;
  border-color: #bae6fd;
}

.status-negociacao {
  background-color: #fef3c7;
  color: #b45309;
  border-color: #fde68a;
}

.status-fechado {
  background-color: #dcfce7;
  color: #15803d;
  border-color: #bbf7d0;
}

.filter-btn-active {
  opacity: 1;
  transform: scale(1.05);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  border: 2px solid currentColor;
}

.filter-btn-inactive {
  opacity: 0.5;
  filter: grayscale(50%);
  border: 2px solid transparent;
}

.loader {
  border-top-color: #003366;
  animation: spinner 1.5s linear infinite;
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}