::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.dark ::-webkit-scrollbar-track {
    background: #2d3748;
}

.dark ::-webkit-scrollbar-thumb {
    background: #4a5568;
}

.dark ::-webkit-scrollbar-thumb:hover {
    background: #718096;
}

body {
    font-family: 'Inter', sans-serif;
}

.sidebar {
    transition: width 0.3s ease-in-out;
}

.sidebar-collapsed {
    width: 4.5rem;
}

.sidebar-expanded {
    width: 16rem;
}

.sidebar-collapsed .sidebar-text,
.sidebar-collapsed .sidebar-logo-text,
.sidebar-collapsed .profile-info {
    display: none;
}

.sidebar-expanded .sidebar-text,
.sidebar-expanded .sidebar-logo-text,
.sidebar-expanded .profile-info {
    display: inline;
}

.sidebar-expanded .sidebar-logo-text {
    display: block;
}

/* Custom green glow shadow */
.shadow-green-glow {
    box-shadow: 0 0 10px rgba(34, 197, 94, 0.8);
    /* Tailwind green-500 with opacity */
}