html, body { font-family: 'Inter', system-ui, sans-serif; }

.scrollbar-thin::-webkit-scrollbar { width: 6px; height: 6px; }
.scrollbar-thin::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }

.nav-item.active { background-color: #1968ed; color: white; }
.nav-item.active svg { color: white; }

input:focus, select:focus, textarea:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(47, 135, 255, .25);
}

.fade-in { animation: fade .25s ease-out; }
@keyframes fade {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: none; }
}