/* Field status styles */
        .field-status {
            margin-top: 0.5rem;
            font-size: 0.85rem;
        }
        
        .status-success {
            color: #28a745;
            display: flex;
            align-items: center;
            gap: 0.3rem;
        }
        
        .status-error {
            color: #dc3545;
            display: flex;
            align-items: center;
            gap: 0.3rem;
        }
        
        .status-loading {
            color: #6c757d;
            display: flex;
            align-items: center;
            gap: 0.3rem;
        }
        
        /* Error message animation */
        @keyframes shake {
            0%, 100% { transform: translateX(0); }
            10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
            20%, 40%, 60%, 80% { transform: translateX(5px); }
        }
        
        .alert-error {
            animation: shake 0.6s ease-in-out;
        }