/* Kinash Web Admin Portal Theme */
:root {
  --kinash-gold: #C89D46;
  --kinash-gold-light: #E4C06A;
  --kinash-gold-dark: #9F7525;
  --kinash-bg: #0B0F19;
  --kinash-card: #111827;
  --kinash-card-border: #1F2937;
  --kinash-text: #F9FAFB;
  --kinash-text-muted: #9CA3AF;
}

body {
  background-color: var(--kinash-bg);
  color: var(--kinash-text);
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  overflow-x: hidden;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #0B0F19;
}
::-webkit-scrollbar-thumb {
  background: #1F2937;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--kinash-gold);
}

.gold-gradient-text {
  background: linear-gradient(135deg, #FFE180 0%, #C89D46 50%, #9F7525 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gold-gradient-bg {
  background: linear-gradient(135deg, #C89D46 0%, #9F7525 100%);
}

.gold-glow {
  box-shadow: 0 0 20px rgba(200, 157, 70, 0.18);
}

.glass-card {
  background: rgba(17, 24, 39, 0.85);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.07);
}

.glass-card:hover {
  border-color: rgba(200, 157, 70, 0.25);
}

.sidebar-link.active {
  background: rgba(200, 157, 70, 0.12);
  color: #FFE180;
  border-right: 3px solid #C89D46;
}

.badge-ready {
  background: rgba(234, 179, 8, 0.15);
  color: #FACC15;
  border: 1px solid rgba(234, 179, 8, 0.3);
}

.badge-collected {
  background: rgba(34, 197, 94, 0.15);
  color: #4ADE80;
  border: 1px solid rgba(34, 197, 94, 0.3);
}

.badge-cancelled {
  background: rgba(239, 68, 68, 0.15);
  color: #F87171;
  border: 1px solid rgba(239, 68, 68, 0.3);
}