/* Notifications */
            .notification-container {
                position: fixed;
                bottom: 20px;
                right: 20px;
                z-index: 10000;
                pointer-events: none;
            }

            .notification {
                background: #4CAF50; /* Vert par défaut */
                color: white;
                padding: 12px 20px;
                border-radius: 6px;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
                margin-bottom: 10px;
                max-width: 350px;
                min-width: 200px;
                font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
                font-size: 14px;
                line-height: 1.4;
                pointer-events: auto;

                /* Animation d'apparition */
                opacity: 0;
                transform: translateX(100%);
                animation: slideInNotification 0.4s ease-out forwards;
            }

            /* Classes pour les codes d'erreur */
            .notification.success {
                background: #4CAF50; /* Vert pour 200 */
            }

            .notification.error-4xx {
                background: rgb(255, 0, 0); /* Rouge pour 400 */
            }

            .notification.error-5xx {
                background: rgb(190, 0, 0); /* Rouge sombre pour 500 */
            }

            /* Animations */
            @keyframes slideInNotification {
                0% {
                    opacity: 0;
                    transform: translateX(100%);
                }
                100% {
                    opacity: 1;
                    transform: translateX(0);
                }
            }

            .notification.fade-out {
                animation: fadeOutNotification 1s ease-out forwards;
            }

            @keyframes fadeOutNotification {
                0% {
                    opacity: 1;
                    transform: translateX(0);
                }
                100% {
                    opacity: 0;
                    transform: translateX(100%);
                }
            }