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

        ::-webkit-scrollbar-track {
            background: rgba(20, 20, 20, 0.5);
            border-radius: 10px;
        }

        ::-webkit-scrollbar-thumb {
            background: linear-gradient(180deg, rgba(80, 80, 80, 0.9), rgba(40, 40, 40, 0.9));
            border-radius: 10px;
            border: 2px solid rgba(0, 0, 0, 0.3);
            box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.6);
            transition: background 0.3s ease, box-shadow 0.3s ease;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(180deg, #3b82f6, #1e40af);
            box-shadow: 0 0 6px rgba(59, 130, 246, 0.8);
        }

        * {
            scrollbar-width: thin;
            scrollbar-color: rgba(90, 90, 90, 0.8) rgba(30, 30, 30, 0.4);
        }