body { 
  font-family: 'Kanit', sans-serif; 
  background-color: #f8fafc; 
  -webkit-tap-highlight-color: transparent; 
}
.ku-gradient { 
  background: linear-gradient(135deg, #800000 0%, #4a0000 100%); 
}
.status-badge { 
  padding: 4px 12px; 
  border-radius: 99px; 
  font-size: 10px; 
  font-weight: 600; 
}
.status-wait { background: #fef3c7; color: #92400e; }
.status-done { background: #dcfce7; color: #15803d; }
.status-returned { background: #f1f5f9; color: #475569; }
.hidden { display: none !important; }
.animate-fadeIn { animation: fadeIn 0.3s ease-out forwards; }

@keyframes fadeIn { 
  from { opacity: 0; transform: translateY(10px); } 
  to { opacity: 1; transform: translateY(0); } 
}

.swal2-confirm { 
  background: linear-gradient(135deg, #800000 0%, #4a0000 100%) !important; 
  border-radius: 1rem !important; 
}
.swal2-cancel { border-radius: 1rem !important; }
.swal2-popup { 
  border-radius: 2.5rem !important; 
  padding: 2rem !important; 
  font-family: 'Kanit', sans-serif !important; 
}