#order-grid > div { transition: all 0.2s ease-in-out; }
.modal-overlay .overflow-y-auto::-webkit-scrollbar { width: 4px; }
.toast > div { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.nav-link.active { background-color: #eff6ff; color: #1d4ed8; }
@media (max-width: 767px) { .nav-link-m:hover { color: #3b82f6; } }
#preview-image { transition: opacity 0.3s ease; }
#drop-zone.drag-over { border-color: #3b82f6; background-color: #eff6ff; }
.filter-btn { transition: all 0.2s ease; }
#order-grid > div:not(#create-card):hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
#order-status-bar { transition: all 0.3s ease; }
input[type="range"]::-webkit-slider-thumb { appearance: none; width: 18px; height: 18px; border-radius: 50%; background: #3b82f6; cursor: pointer; }