@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  --primary: #ee4d2d;
  --primary-hover: #d03e1f;
  --primary-light: #fff5f2;
  --secondary: #00bfa5;
  --dark: #0f172a;
  --card-bg: #ffffff;
  --border: #e2e8f0;
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: #f8fafc;
  color: #1e293b;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

.shopee-gradient {
  background: linear-gradient(135deg, #ee4d2d 0%, #ff6b35 100%);
}

.shopee-badge {
  background: rgba(238, 77, 45, 0.1);
  color: #ee4d2d;
}

/* Animations */
@keyframes pulse-subtle {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.6; }
}

.animate-pulse-subtle {
  animation: pulse-subtle 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Status Badges */
.badge-live {
  background-color: #ecfdf5;
  color: #059669;
  border: 1px solid #a7f3d0;
}

.badge-expired {
  background-color: #fef2f2;
  color: #dc2626;
  border: 1px solid #fecaca;
}

.badge-unknown {
  background-color: #f1f5f9;
  color: #64748b;
  border: 1px solid #e2e8f0;
}

/* Custom Table Styles */
.custom-table th {
  background-color: #f8fafc;
  color: #475569;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.72rem;
  letter-spacing: 0.05em;
}

.custom-table tr:hover {
  background-color: #fcfdfe;
}

/* Glassmorphism modals */
.modal-backdrop {
  background: rgba(15, 23, 42, 0.55);
  backdrop-filter: blur(4px);
  z-index: 100 !important;
}

.hidden {
  display: none !important;
}

.admin-only.hidden {
  display: none !important;
}