*, ::before, ::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #0f172a;
  background-color: #f8fafc;
  line-height: 1.5;
}

.font-display { font-family: 'Plus Jakarta Sans', sans-serif; }
.font-mono { font-family: 'JetBrains Mono', monospace; }

.hh-stars { display: inline-flex; align-items: center; gap: 2px; color: #f59e0b; }
.hh-star.filled { color: #f59e0b; }
.hh-star.empty { color: #cbd5e1; }

#hh-modal.active, #hh-review-modal.active { display: flex !important; }

.hh-prof-card, .hh-org-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.hh-prof-card:hover, .hh-org-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.08), 0 8px 10px -6px rgba(15, 23, 42, 0.04);
  border-color: #99f6e4;
}

.hh-prof-chip.active {
  background-color: #0d9488 !important;
  color: #ffffff !important;
}

#modal-qrcode-container img, #modal-qrcode-container canvas {
  margin: 0 auto;
  border-radius: 8px;
}