.vip-dashboard-wrapper {
	background-color: #0e0e0e;
}
 
/* === Base Layout === */
body,


.container-fluid_D {
	background-color: #;
	/* rich black */
	color: #f0e6d2;
	/* soft gold-beige for text */
	font-family: 'Poppins', sans-serif;
}

.sidebar {
	background-color: #1a1a1a;
	border-right: 1px solid #333;
}

.sidebar .nav-link {
	color: #f0e6d2;
	font-weight: 500;
}

.sidebar .nav-link.active,
.sidebar .nav-link:hover {
	color: #ffd700;
	/* true gold highlight */
}

/* === Header Section === */
main h2,
.card-title {
	color: #ffd700 !important;
}


.card-body {
	background-color: #1a1a1a !important;
	border: 1px solid #333;
	border-radius: 12px;
	box-shadow: 0 0 15px rgba(255, 215, 0, 0.05);
	color: #f0e6d2;
}

.card h4,
.card-body strong {
	color: #f0e6d2;
}

/* === Charts === */
canvas {
	background-color: transparent;
}

.chartjs-render-monitor {
	filter: drop-shadow(0 0 5px #ffd70055);
}

/* === Ratings === */
.star-rating {
	color: #ffd700;
	font-size: 1.25rem;
}

/* === Booking Status Icons === */
.booking-status span {
	font-size: 1.1rem;
	margin-right: 0.5rem;
}

.booking-status .confirmed {
	color: #00ffae;
}

.booking-status .pending {
	color: #ffcc00;
}

.booking-status .canceled {
	color: #ff4c4c;
}




/* === Tooltip / Hover === */
.card:hover {
	transform: translateY(-2px);
	transition: all 0.3s ease;
	box-shadow: 0 0 20px rgba(255, 215, 0, 0.1);
}