/* Dongil Admin Panel Styles */
@keyframes slide-in {
  from { transform: translateX(100%); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}
.animate-slide-in { animation: slide-in 0.3s ease; }

/* Sidebar transitions */
#admin-sidebar { transition: transform 0.3s ease; }

/* Form focus */
.admin-input:focus {
  border-color: #1e40af;
  box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.1);
  outline: none;
}

/* Table striping */
.admin-table tbody tr:nth-child(even) { background-color: #f9fafb; }
.admin-table tbody tr:hover { background-color: #eff6ff; }

/* Toggle switch */
.toggle-switch { position: relative; width: 44px; height: 24px; }
.toggle-switch input { opacity: 0; width: 0; height: 0; }
.toggle-slider {
  position: absolute; cursor: pointer; inset: 0;
  background-color: #d1d5db; border-radius: 24px; transition: 0.3s;
}
.toggle-slider:before {
  position: absolute; content: ""; height: 18px; width: 18px;
  left: 3px; bottom: 3px; background-color: white;
  border-radius: 50%; transition: 0.3s;
}
input:checked + .toggle-slider { background-color: #1e40af; }
input:checked + .toggle-slider:before { transform: translateX(20px); }

/* Image preview */
.img-preview {
  width: 120px; height: 90px; object-fit: contain;
  border: 1px solid #e5e7eb; border-radius: 8px;
  background: #f9fafb; padding: 4px;
}

/* Skeleton loading */
.skeleton {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s infinite;
  border-radius: 4px;
}
@keyframes skeleton-loading {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* Print */
@media print {
  #admin-sidebar, #sidebar-overlay, #sidebar-toggle, .admin-toast { display: none !important; }
  .lg\:ml-64 { margin-left: 0 !important; }
}