* { scrollbar-width: thin; scrollbar-color: #475569 transparent; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb { background: #475569; border-radius: 999px; }
*::-webkit-scrollbar-track { background: transparent; }

.tab-btn { color: #94A3B8; transition: background-color 150ms ease, color 150ms ease; }
.tab-btn.active-tab { background-color: #22C55E; color: #0F172A; }
.tab-btn:not(.active-tab):hover { background-color: #334155; color: #F8FAFC; }

.dropzone { background-color: rgba(255,255,255,0.02); }
.dropzone:hover, .dropzone.drag-over { border-color: #22C55E; background-color: rgba(34,197,94,0.06); }

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}