/* Dashboard - Minimal CSS with Tailwind */

/* Custom scrollbar for sidebar */
aside::-webkit-scrollbar {
	width: 4px;
}

aside::-webkit-scrollbar-track {
	background: #f1f5f9;
}

aside::-webkit-scrollbar-thumb {
	background: #cbd5e1;
	border-radius: 2px;
}

aside::-webkit-scrollbar-thumb:hover {
	background: #94a3b8;
}

/* Smooth transitions for navigation */
.nav-transition {
	transition: all 0.2s ease-in-out;
}

/* Chart containers */
.chart-container {
	position: relative;
	height: 250px;
	width: 100%;
}

canvas {
	max-height: 250px !important;
	height: 250px !important;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
	aside {
		transform: translateX(-100%);
		position: fixed;
		height: 100vh;
		z-index: 50;
	}

	aside.mobile-open {
		transform: translateX(0);
	}
}

/* Loading animation */
@keyframes pulse {
	0%,
	100% {
		opacity: 1;
	}
	50% {
		opacity: 0.5;
	}
}

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

/* Stats card hover effects */
.stats-card {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.stats-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.1),
		0 4px 6px -2px rgba(0, 0, 0, 0.05);
}