body { font-family: Inter, ui-sans-serif, system-ui, -apple-system; }
.scrollbar-thin::-webkit-scrollbar { height: 8px; width: 8px; }
.scrollbar-thin::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; }
.tooltip { position: relative; display: inline-block; cursor: help; }
.tooltip .tooltip-text {
  visibility: hidden; width: 240px; background-color: #334155; color: #fff;
  text-align: center; border-radius: 6px; padding: 8px; position: absolute;
  z-index: 10; bottom: 125%; left: 50%; margin-left: -120px; opacity: 0;
  transition: opacity 0.3s; font-size: 0.75rem; font-weight: 500;
}
.tooltip:hover .tooltip-text { visibility: visible; opacity: 1; }
.loader {
  border: 3px solid #f3f3f3; border-radius: 50%; border-top: 3px solid #3b82f6;
  width: 20px; height: 20px; animation: spin 1s linear infinite;
}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }