body {
  background-color: #F4F6F8 !important;
}


.card {
  background: #FFFFFF !important;
  box-shadow: 0 3px 10px rgba(0,0,0,0.06) !important;
  border-radius: 10px !important;
}

:root {
  --bs-primary: #4A6CF7 !important;
}

.text-primary {
  color: var(--bs-primary) !important;
}

.btn-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

h1, h2, h3, h4, h5, h6 {
  color: #1F2937 !important;
}

.text-muted {
  color: #6B7280 !important;
}

.btn-primary {
  background-color: #4A6CF7 !important;
  border-color: #4A6CF7 !important;
}

  .btn-primary:hover {
    background-color: #3B5BDA !important;
    border-color: #3B5BDA !important;
  }

.layout-menu {
  background: linear-gradient(180deg, #6B4CFF, #4A6CF7) !important;
}

.menu-item.active,
.menu-link.active {
  background: rgba(255,255,255,0.15) !important;
}

.bg-label-danger {
  background: #FEE2E2 !important;
  color: #EF4444 !important;
}

.bg-label-warning {
  background: #FEF3C7 !important;
  color: #F59E0B !important;
}

.bg-label-primary {
  background: #E0E7FF !important;
  color: #6366F1 !important;
}

.bg-label-info {
  background: #DBEAFE !important;
  color: #3B82F6 !important;
}

.btn-ticket-count {
  background: #4A6CF7 !important;
  color: white !important;
}

/* ---------- SIDEBAR BASE COLORS ---------- */
#layout-menu {
  background: linear-gradient(180deg, #6447FF 0%, #775CFF 50%, #4A6CF7 100%) !important;
}

  /* White text everywhere */
  #layout-menu,
  #layout-menu .menu-link,
  #layout-menu .menu-item,
  #layout-menu .menu-header,
  #layout-menu .menu-icon {
    color: #ffffff !important;
  }

    /* ---------- ACTIVE STATE ---------- */
    #layout-menu .menu-item.active > .menu-link {
      background: rgba(255,255,255,0.22) !important;
      color: #fff !important;
      border-radius: 8px !important;
    }

    /* ---------- HOVER STATE ---------- */
    #layout-menu .menu-link:hover {
      background: rgba(255,255,255,0.12) !important;
      color: #ffffff !important;
    }

    /* ---------- ICONS ---------- */
    #layout-menu .menu-icon {
      color: rgba(255,255,255,0.85) !important;
    }

    /* Sub-menu text */
    #layout-menu .menu-sub .menu-link {
      color: rgba(255,255,255,0.85) !important;
    }