/* Fixed top-center flash messages */
        .flash-messages-wrapper {
            position: fixed;
            top: 30px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 12000;
            width: auto;
            min-width: 350px;
            max-width: 100vw;
            padding: 0 15px;
            pointer-events: none;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        
        .flash-messages-wrapper .flash-alert {
            pointer-events: auto;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            border-radius: 8px;
            margin-bottom: 10px;
            animation: slideDown 0.3s ease-out;
            display: inline-block;
            min-width: 220px;
            max-width: 500px;
            width: auto;
            text-align: left;
        }
        
        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        /* Responsive adjustments */
        @media (max-width: 576px) {
            .flash-messages-wrapper {
                max-width: 95%;
                top: 70px;
            }
        }