.modern-flash {
    backdrop-filter: blur(10px);
    background: rgba(255,255,255,0.95) !important;
    animation: slideInRight 0.4s ease-out;
}

.modern-flash.alert-success {
    border-left: 4px solid #25D366 !important;
    color: #155724;
}

.modern-flash.alert-danger {
    border-left: 4px solid #dc3545 !important;
    color: #721c24;
}

.modern-flash.alert-warning {
    border-left: 4px solid #ffc107 !important;
    color: #856404;
}

.modern-flash.alert-info {
    border-left: 4px solid #17a2b8 !important;
    color: #0c5460;
}

@keyframes slideInRight {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

@media (max-width: 768px) {
    #flash-container {
        top: 10px;
        right: 10px;
        left: 10px;
        max-width: none;
    }
    
    .modern-flash {
        font-size: 14px;
        border-radius: 8px;
    }
}