/* Modern Scrollbar Design */
::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
}

::-webkit-scrollbar-track {
    background: transparent !important;
    border-radius: 8px !important;
}

::-webkit-scrollbar-thumb {
    background: rgba(155, 155, 155, 0.5) !important;
    border-radius: 8px !important;
    transition: background 0.2s ease !important;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(155, 155, 155, 0.8) !important;
}

/* Firefox Support */
* {
    scrollbar-width: thin !important;
    scrollbar-color: rgba(155, 155, 155, 0.5) transparent !important;
}