.sidebar {
    transition: all 0.3s ease;
}
.sidebar.collapsed {
    width: 80px;
}
.sidebar.collapsed .nav-text, .sidebar.collapsed .logo-text {
    display: none;
}
.sidebar.collapsed .nav-item {
    justify-content: center;
}
.main-content {
    transition: margin-left 0.3s ease;
}
.chart-container {
    position: relative;
    height: 300px;
    width: 100%;
}
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #555;
}
#success-notification, #error-notification {
    z-index: 1050;
}
.active-nav-item {
    background-color: #1d4ed8;
    border-left: 4px solid white;
    padding-left: calc(1.5rem - 4px);
}
.bg-blue-100 { background-color: #dbeafe; }
.text-blue-600 { color: #2563eb; }
.bg-green-100 { background-color: #dcfce7; }
.text-green-600 { color: #16a34a; }
.bg-purple-100 { background-color: #f3e8ff; }
.text-purple-600 { color: #9333ea; }
.bg-yellow-100 { background-color: #fef9c3; }
.text-yellow-600 { color: #ca8a04; }
.text-green-800 { color: #166534; }
.bg-red-100 { background-color: #fee2e2; }
.text-red-800 { color: #991b1b; }
.text-yellow-800 { color: #854d0e; }
.text-blue-800 { color: #1e40af; }
.bg-gray-200 { background-color: #e5e7eb; }
.text-gray-800 { color: #1f2937; }
.sidebar {
    display: flex;
    flex-direction: column;
}

.sidebar nav {
    flex-grow: 1;
    overflow-y: auto; /* Agar nav items zyada ho jayein to woh scroll honge */
}

/* Custom utility to hide scrollbars but keep functionality */
.custom-scrollbar::-webkit-scrollbar {
    width: 0px; /* For Chrome, Safari, and Opera */
    background: transparent; /* Optional: just make scrollbar invisible */
}

.custom-scrollbar {
    -ms-overflow-style: none;  /* For Internet Explorer and Edge */
    scrollbar-width: none;  /* For Firefox */
}