.flash-popup {
            position: fixed;
            z-index: 9999;
            transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
        }

        .flash-popup.hidden {
            opacity: 0;
            transform: translateY(100px) scale(0.8);
            pointer-events: none;
        }

        .flash-popup.show {
            opacity: 1;
            transform: translateY(0) scale(1);
        }

        @keyframes slideInRight {
            from {
                transform: translateX(400px);
                opacity: 0;
            }

            to {
                transform: translateX(0);
                opacity: 1;
            }
        }

        @keyframes pulse {

            0%,
            100% {
                transform: scale(1);
            }

            50% {
                transform: scale(1.05);
            }
        }

        #sidebar-menu {
            z-index: 9998;
        }

        #sidebar-menu.open {
            transform: translateX(0);
        }

        #sidebar-overlay {
            z-index: 9997;
        }

        #sidebar-overlay.show {
            opacity: 1;
        }

        /* Scrollbar pour le menu latéral */
        #sidebar-menu::-webkit-scrollbar {
            width: 6px;
        }

        #sidebar-menu::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        #sidebar-menu::-webkit-scrollbar-thumb {
            background: #cbd5e1;
            border-radius: 3px;
        }

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

        /* Scrollbar personnalisée pour la première ligne (pôles) */
        nav > div > div:first-child::-webkit-scrollbar {
            height: 3px;
        }

        nav > div > div:first-child::-webkit-scrollbar-track {
            background: #f1f5f9;
        }

        nav > div > div:first-child::-webkit-scrollbar-thumb {
            background: #3b82f6;
            border-radius: 10px;
        }

        /* Scrollbar personnalisée pour la deuxième ligne (rubriques) */
        #nav-container::-webkit-scrollbar {
            height: 4px;
        }

        #nav-container::-webkit-scrollbar-track {
            background: transparent;
        }

        #nav-container::-webkit-scrollbar-thumb {
            background-color: #2563eb;
            border-radius: 10px;
        }

        /* Animation smooth pour le scroll horizontal */
        nav > div > div:first-child,
        #nav-container {
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch;
        }