:root {
  --primary-color: #febd59;
}
body {
  background-color: #f8fafc;
  font-family: 'Nunito', sans-serif;
}
.navbar {
  background-color: var(--primary-color) !important;
}
.btn-primary,
.btn-primary:visited {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
.table {
  border-radius: .5rem;
  overflow: hidden;
}

.status-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  font-size: 0.9rem;
  font-weight: 600;
}
.status-pending {
  background-color: #ffc107;
  color: #000;
  animation: pulse 2s infinite;
}
.status-accepted {
  background-color: #28a745;
  color: #000000;
}
.status-payment_verification {
  background-color: #ffc107;
  color: #000;
  animation: pulse 2s infinite;
}
.status-in_kitchen {
  background-color: #28a745;
  color: #000000;
}
.status-rider_to_store {
  background-color: #ffc107;
  color: #4d3900;
}
.status-out_for_delivery {
  background-color: #0d6efd;
  color: #ffffff;
}
.status-delivered {
  background-color: #198754;
  color: #ffffff;
}
.status-rejected {
  background-color: #dc3545;
  color: #000000;
}

.status-card {
  border-left: 5px solid transparent;
}
.status-card.status-pending {
  background-color: rgba(255,193,7,0.2);
  border-left-color: #ffc107;
}
.status-card.status-accepted {
  background-color: rgba(40,167,69,0.2);
  border-left-color: #28a745;
}
.status-card.status-payment_verification {
  background-color: rgba(255,193,7,0.2);
  border-left-color: #ffc107;
}
.status-card.status-in_kitchen {
  background-color: rgba(40,167,69,0.2);
  border-left-color: #28a745;
}
.status-card.status-rider_to_store {
  background-color: rgba(255,193,7,0.18);
  border-left-color: #ffc107;
}
.status-card.status-out_for_delivery {
  background-color: rgba(13,110,253,0.12);
  border-left-color: #0d6efd;
}
.status-card.status-delivered {
  background-color: rgba(25,135,84,0.16);
  border-left-color: #198754;
}
.status-card.status-rejected {
  background-color: rgba(220,53,69,0.1);
  border-left-color: #dc3545;
}

.total-badge {
  font-weight: 700;
}
@keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: 0.6; }
  100% { opacity: 1; }
}